home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / browser / browser.css < prev    next >
Cascading Style Sheet File  |  2010-02-13  |  88KB  |  3,126 lines
  1. /* kde 4.3 JIMMY
  2. */
  3.  
  4. @import url("chrome://global/skin/");
  5.  
  6. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  7. @namespace html url("http://www.w3.org/1999/xhtml");
  8.  
  9. /****************************************************************/
  10.  
  11. menuitem[id|="context"],
  12. menuitem[tabid],
  13. menuitem[label],
  14. menuitem[name],
  15. menuitem[id|="textlink"]/*Textlink*/{
  16.   -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic") !important;
  17. }
  18.  
  19. menupopup menu[label],
  20. menupopup menu[key],
  21. menupopup menu[tabid],
  22. popup menu[label],
  23. popup menu[key],
  24. popup menu[tabid] {
  25. -moz-binding: url("chrome://global/content/bindings/menu.xml#menu-iconic") !important;
  26. }
  27.  
  28. #menubar-items {
  29.   -moz-box-orient: vertical; /* for flex hack */
  30. }
  31.  
  32. #menubar-items > menubar {
  33.   -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
  34. }
  35.  
  36.  
  37. /* File Menu --------------------------------------------------------------------*/
  38.  
  39. #menu_openFile {
  40. list-style-image: url("chrome://browser/skin/fileopen.png") !important;
  41. -moz-image-region: auto;
  42. }
  43.  
  44. #context-openlink,menuitem[key="key_newNavigator"]{
  45. list-style-image: url("chrome://browser/skin/window_new.png") !important;
  46. -moz-image-region: auto;
  47. }
  48.  
  49. #context-copyimage, #context-copylink, 
  50. #miCopyLink,#menuitem_openReferrer,
  51. menuitem[command="Browser:OpenLocation"],
  52. menuitem[oncommand="historyCopyLink();"],
  53. #context-sendlink,#context-sendpage,#menu_sendLink {
  54. list-style-image: url("chrome://browser/skin/network.png") !important;
  55. -moz-image-region: auto;
  56. }
  57.  
  58. #context-copyimage-contents,
  59. #miOpen, #menuitem_copyLocation,
  60. menuitem[oncommand="openURLIn('current');"]  {
  61. list-style-image: url("chrome://browser/skin/icons/16/edit-copy.png") !important;
  62. -moz-image-region: auto;
  63. }
  64.  
  65. #context-viewimage,
  66. #context-viewbgimage{
  67. list-style-image: url("chrome://browser/skin/icons/16/viewimage.png") !important;
  68. -moz-image-region: auto;
  69. }
  70.  
  71.  
  72. #context-sendimage {
  73. list-style-image: url("chrome://browser/skin/icons/16/image_send.png") !important;
  74. -moz-image-region: auto;
  75. }
  76.  
  77. #menu_HelpPopup {
  78. list-style-image: url("chrome://browser/skin/icons/16/firefox.png") !important;
  79. -moz-image-region: auto;
  80. }
  81.  
  82. #context-metadata, #menu_properties,
  83. menuitem[command="cmd_bm_properties"] ,
  84. menuitem[command="placesCmd_show:info"],
  85. #quicknote-options, #menu_preferences,
  86. menuitem[oncommand="openPreferences();"] {
  87. list-style-image: url("chrome://browser/skin/icons/16/properties.png") !important;
  88. -moz-image-region: auto;
  89. }
  90.  
  91. #context-setWallpaper, #context-setDesktopBackground {
  92. list-style-image: url("chrome://browser/skin/icons/16/setbackground.png") !important;
  93. -moz-image-region: auto;
  94. }
  95.  
  96. #menu_HelpPopup_reportertoolmenu,
  97. #menu_HelpPopup_reportPhishingtoolmenu,
  98. #context-blockimage {
  99. list-style-image: url("chrome://browser/skin/icons/16/dialog-warning.png") !important;
  100. -moz-image-region: auto;
  101. }
  102.  
  103. #context-openlinkintab,menuitem[key="key_newNavigatorTab"]{
  104. list-style-image: url("chrome://browser/skin/tab_new.png") !important;
  105. -moz-image-region: auto;
  106. }
  107.  
  108. #cmd_close, #menu_closeWindow, #tm-undoCloseList, 
  109. menuitem[command="cmd_close"], 
  110. menuitem[command="cmd_closeWindow"],
  111. menuitem[oncommand="BrowserCloseTabOrWindow()"],
  112. menuitem[oncommand="BrowserTryToCloseWindow()"] ,
  113. menuitem[oncommand="inspector.exit();"],
  114. menuitem[oncommand="viewer.cmdDeleteSelectedProperty()"] {
  115. list-style-image: url("chrome://browser/skin/window_close.png") !important;
  116. -moz-image-region: auto;
  117. }
  118.  
  119. #context-saveimage, #context-savepage, #openselectedlinks_savepage_menuitem, 
  120. #context-savelink, #menu_saveFrame, #menu_saveframe, #openselectedlinks_download_menuitem,
  121. #mi-save,
  122. menuitem[command="Browser:SavePage"], 
  123. menuitem[command="Tools:Downloads"], 
  124. menuitem[command="cmd_bm_export"], 
  125. menuitem[command="cmd_savePage"], 
  126. menuitem[oncommand="MsgSaveAsFile();"], 
  127. menuitem[oncommand="saveDocument(gContextMenu.target.ownerDocument);"] {
  128. list-style-image: url("chrome://browser/skin/filesaveas.png") !important;
  129. -moz-image-region: auto;
  130. }
  131.  
  132. #printSetupMenuItem,
  133. menuitem[name="charsetCustomize"],
  134. menuitem[command="cmd_bm_import"],
  135. menuitem[oncommand="toImport();"],
  136. menuitem[oncommand="BrowserImport();"],
  137. menuitem[command="cmd_pageSetup"], menuitem[command="cmd_pagesetup"], 
  138. menuitem[oncommand="PrintUtils.showPageSetup();"] {
  139. list-style-image: url("chrome://browser/skin/exec.png") !important;
  140. -moz-image-region: auto;
  141. }
  142.  
  143. menuitem[command="cmd_print"] { 
  144. list-style-image: url("chrome://browser/skin/fileprint.png") !important;
  145. -moz-image-region: auto;
  146. }
  147.  
  148. #menu_FileQuitItem, 
  149. #tm-closeAllTabs, #tm-content-closetab, 
  150. menuitem[key="placesKey_close"],
  151. menuitem[oncommand="window.extensions.mook.minimizetotray.trayTurboClose();"] {
  152. list-style-image: url("chrome://browser/skin/application_exit.png") !important;
  153. -moz-image-region: auto;
  154. }
  155.  
  156. /*menuitem[command="cmd_enable"],
  157. #tools_appenable, 
  158. menuitem[command="cmd_useTheme"],
  159. #menuitem_appenable_clone  
  160. {
  161.   list-style-image: url("chrome://browser/skin/icons/16/apply.png") !important;
  162. -moz-image-region: auto;
  163. }*/
  164.  
  165.  
  166. #messagePaneContext-printpreview, #printPreviewMenuItem,
  167. menuitem[command="cmd_printPreview"], menuitem[command="cmd_printpreview"],
  168. menuitem[oncommand="PrintUtils.printPreview(onEnterPrintPreview, onExitPrintPreview);"] {
  169. list-style-image: url("chrome://browser/skin/document_preview.png") !important;
  170. -moz-image-region: auto;
  171. }
  172.  
  173. /* File Menu END--------------------------------------------------------------------*/
  174.  
  175. /* EDIT MENU --------------------------------------------------------------------*/
  176.  
  177. #context-undo, #menu_undo, 
  178. #tm-content-undoCloseTab, #tm-undoCloseTab, #tm_undocloseContextMenu,
  179. #mnEditUndo,
  180. #historyUndoMenu,
  181. menuitem[command="cmd_undo"],
  182. menuitem[cmd="cmd_undo"] {
  183. list-style-image: url("chrome://browser/skin/undo.png") !important;
  184. -moz-image-region: auto;
  185. }
  186.  
  187. #context-redo, #cmd_redo, #menu_redo,#mnEditRedo,
  188. menuitem[command="cmd_redo"],menuitem[cmd="cmd_redo"] {
  189. list-style-image: url("chrome://browser/skin/redo.png") !important;
  190. -moz-image-region: auto;
  191. }
  192.  
  193.  
  194. #context-cut, #menu_cut, #cmd_cut, 
  195. #mnEditCut,
  196. menuitem[command="cmd_cut"], 
  197. menuitem[cmd="cmd_cut"] {
  198. list-style-image: url("chrome://browser/skin/editcut.png") !important;
  199. -moz-image-region: auto;
  200. }
  201.  
  202. #context-copy, #menu_copy, #context-copyemail, #cmd_copy, #cls-context,
  203. #mnEditCopy,
  204. menuitem[command="cmd_copy"], 
  205. menuitem[cmd="cmd_copy"],
  206. menuitem[oncommand="viewer.cmdCopyValue()"] {
  207. list-style-image: url("chrome://browser/skin/editcopy.png") !important;
  208. -moz-image-region: auto;
  209. }
  210.  
  211. #context-paste, #cmd_paste, #menu_paste, 
  212. #mnEditPaste,
  213. menuitem[command="cmd_paste"] , 
  214. menuitem[cmd="cmd_paste"] {
  215. list-style-image: url("chrome://browser/skin/editpaste.png") !important;
  216. -moz-image-region: auto;
  217. }
  218.  
  219. #context-delete, #cmd_delete, #menu_delete, 
  220. #mnEditDelete,
  221. menuitem[command="cmd_delete"], 
  222. menuitem[cmd="cmd_delete"] {
  223. list-style-image: url("chrome://browser/skin/cancel.png") !important;
  224. -moz-image-region: auto;
  225. }
  226.  
  227. #context-selectall,
  228. #cmd_selectAll, #menu_selectAll, #menuitem_selectAll,
  229. menuitem[command="cmd_selectAll"],
  230. menuitem[cmd="cmd_selectAll"] {
  231. list-style-image: url("chrome://browser/skin/select_all.png") !important;
  232. -moz-image-region: auto;
  233. }
  234.  
  235. #context-searchselect, #context-keywordfield, #searchMailCmd, #searchAddressesCmd, 
  236. menuitem[command="Tools:Search"], 
  237. menuitem[command="cmd_find"], 
  238. menuitem[oncommand="goDoCommand('cmd_find')"],
  239. menuitem[oncommand="inspector.getViewer('dom').showFindDialog()"] {
  240. list-style-image: url("chrome://browser/skin/find.png") !important;
  241. -moz-image-region: auto;
  242. }
  243.  
  244. menuitem[command="cmd_findAgain"],
  245. menuitem[oncommand="goDoCommand('cmd_findAgain')"] {
  246. list-style-image: url("chrome://browser/skin/find_next.png") !important;
  247. -moz-image-region: auto;
  248. }
  249.  
  250.  
  251. #quicknote-options, #menu_preferences,
  252. menuitem[oncommand="openPreferences();"] {
  253. list-style-image: url("chrome://browser/skin/configure.png") !important;
  254. -moz-image-region: auto;
  255. }
  256.  
  257. /* EDIT MENU  END--------------------------------------------------------------------*/
  258.  
  259. /* VIEW MENU --------------------------------------------------------------------*/
  260.  
  261. #viewToolbarsMenu,
  262. #RepairExtensions {
  263. list-style-image: url("chrome://browser/skin/configure_toolbars.png") !important;
  264. -moz-image-region: auto;
  265. }
  266.  
  267. #viewSidebarMenuMenu, #menu_MessagePaneLayout {
  268.   list-style-image: url("chrome://browser/skin/bookmark_toolbar.png") !important;
  269. -moz-image-region: auto;
  270. }
  271.  
  272. #context-stop,menuitem[key="key_stop"]{
  273. list-style-image:url("chrome://browser/skin/stop.png");
  274. -moz-image-region: auto;
  275. }
  276. #context-stop[disabled="true"],menuitem[key="key_stop"][disabled="true"]{
  277. list-style-image:url("chrome://browser/skin/stop_disabled.png");
  278. -moz-image-region: auto;
  279. }
  280.  
  281.  
  282.  
  283. #context-reload, #tm-reloadLeft, #tm-reloadRight, #tm-reloadOther, #menu_reload, 
  284. menuitem[command="Browser:Reload"], 
  285. menuitem[command="cmd_reload"],
  286. menuitem[command="placesCmd_reload"],
  287. menuitem[command="cmd_bm_refreshlivemark"],
  288. menuitem[oncommand="gContextMenu.reloadFrame();"],
  289. menuitem[oncommand="BrowserReload();"] {
  290. list-style-image: url("chrome://browser/skin/reload.png") !important;
  291. -moz-image-region: auto;
  292. }
  293.  
  294.  
  295. #menu_textReduce,#zoom-out,menuitem[key="key_fullZoomReduce"]{
  296. list-style-image:url("chrome://browser/skin/zoom_out.png");
  297. -moz-image-region: auto;
  298. }
  299. #menu_textEnlarge,#zoom-in,menuitem[key="key_fullZoomEnlarge"]{
  300. list-style-image:url("chrome://browser/skin/zoom_in.png");
  301. -moz-image-region: auto;
  302. }
  303.  
  304. #menu_textReset,menuitem[key="key_fullZoomReset"] {
  305. list-style-image:url("chrome://browser/skin/zoom_original.png");
  306. -moz-image-region: auto;
  307. }
  308.  
  309.  
  310. menuitem[oncommand="izShowCustomZoom();"],
  311. menuitem[oncommand="izShowCustomDim();"],
  312. menuitem[oncommand="izImageFit();"],
  313. #zoommain-custom, #viewFullZoomMenu  {
  314. list-style-image: url("chrome://browser/skin/zoom.png");
  315. -moz-image-region: auto;
  316. }
  317.  
  318. #rightencoding-frame,
  319. #charsetMenu, #mailviewCharsetMenu,
  320. menu[oncommand="MultiplexHandler(event)"]  {
  321. list-style-image: url("chrome://browser/skin/text.png");
  322. -moz-image-region: auto;
  323. }
  324.  
  325.  
  326. #pageStyleMenu {
  327. list-style-image: url("chrome://browser/skin/style.png");
  328. -moz-image-region: auto;
  329. }
  330.  
  331.  
  332. #context-viewpartialsource-selection, #context-viewpartialsource-mathml, #context-viewsource,
  333. menuitem[oncommand="gContextMenu.viewFrameSource();"], 
  334. menuitem[command="View:PageSource"] {
  335. list-style-image: url("chrome://browser/skin/source.png");
  336. -moz-image-region: auto;
  337. }
  338.  
  339. menuitem[command="View:FullScreen"], #fullScreenItem {
  340. list-style-image: url("chrome://browser/skin/fullscreen.png");
  341. -moz-image-region: auto;
  342. }
  343.  
  344.  
  345. /* VIEW MENU END--------------------------------------------------------------------*/
  346.  
  347.  
  348. /**************************/
  349. /*   CRONOLOGIA  Menu     */
  350. /**************************/
  351.  
  352. #context-back, 
  353. menuitem[key="goBackKb"] {
  354. list-style-image: url("chrome://browser/skin/back.png") !important;
  355. -moz-image-region: auto;
  356. }
  357.  
  358. menuitem[key="goBackKb"][disabled],
  359. #context-back[disabled] {
  360. list-style-image: url("chrome://browser/skin/back.png") !important;
  361. -moz-image-region: auto;
  362. }
  363.  
  364. menuitem[key="goBackKb"][chromedir="rtl"],
  365. #context-back[chromedir="rtl"] {
  366. list-style-image: url("chrome://browser/skin/back.png") !important;
  367. -moz-image-region: auto;
  368. }
  369.  
  370. menuitem[key="goBackKb"][disabled][chromedir="rtl"],
  371. #context-back[disabled][chromedir="rtl"] {
  372. list-style-image: url("chrome://browser/skin/back.png") !important;
  373. -moz-image-region: auto;
  374. }
  375.  
  376. menuitem[key="goForwardKb"],
  377. #context-forward {
  378. list-style-image: url("chrome://browser/skin/forward.png") !important;
  379. -moz-image-region: auto;
  380. }
  381.  
  382. menuitem[key="goForwardKb"][disabled],
  383. #context-forward[disabled] {
  384. list-style-image: url("chrome://browser/skin/forward.png") !important;
  385. -moz-image-region: auto;
  386. }
  387.  
  388. menuitem[key="goForwardKb"][chromedir="rtl"],
  389. #context-forward[chromedir="rtl"] {
  390. list-style-image: url("chrome://browser/skin/forward.png") !important;
  391. -moz-image-region: auto;
  392. }
  393.  
  394. menuitem[key="goForwardKb"][disabled][chromedir="rtl"],
  395. #context-forward[disabled][chromedir="rtl"] {
  396. list-style-image: url("chrome://browser/skin/forward.png") !important;
  397. -moz-image-region: auto;
  398. }
  399.  
  400. #context-home, #historyMenuHome,
  401. menuitem[command="Browser:Home"] {
  402. list-style-image: url("chrome://browser/skin/gohome.png") !important;
  403. -moz-image-region: auto;
  404. }
  405.  
  406. #tm-linkWithhistory,
  407. #tm-autoreload_menu,
  408. menuitem[command="Browser:ShowAllHistory"],
  409. menuitem[oncommand="toggleSidebar('viewHistorySidebar');"] {
  410. list-style-image: url("chrome://browser/skin/view_history.png") !important;
  411. -moz-image-region: auto;
  412. }
  413.  
  414.  
  415. /******************************/
  416. /*   CRONOLOGIA  Menu END     */
  417. /******************************/
  418.  
  419. /******************************/
  420. /*   BOOKMARKS  Menu          */
  421. /******************************/
  422.  
  423. #context-bookmarklink, #context-bookmarkpage, 
  424. #miAddBookmark, #newbookmark,
  425. menuitem[command="placesCmd_new:bookmark"],
  426. menuitem[command="Browser:AddBookmarkAs"], 
  427. menuitem[command="cmd_bm_newbookmark"], 
  428. menuitem[oncommand="addBookmarkAs(document.getElementById('content'), false);"], 
  429. menuitem[oncommand="gContextMenu.addBookmarkForFrame();"], 
  430. menuitem[oncommand="toggleSidebar('viewBookmarksSidebar');"], 
  431. menuitem[oncommand="abhere.addBookmark(event)"],
  432. menuitem[oncommand="historyAddBookmarks();"] {
  433. list-style-image: url("chrome://browser/skin/add_bookmark.png") !important;
  434. -moz-image-region: auto;
  435. }
  436.  
  437.  
  438. #subscribeToPageMenuitem, #subscribeToPageMenupopup {
  439. list-style-image: url("chrome://browser/skin/rss.png") !important;
  440. -moz-image-region: auto;
  441. }
  442.  
  443.  
  444. menuitem[oncommand="toOpenWindowByType('bookmarks:manager', 'chrome://browser/content/bookmarks/bookmarksManager.xul');"],
  445. #bookmarksShowAll {
  446. list-style-image: url("chrome://browser/skin/bookmarks_manager.png") !important;
  447. -moz-image-region: auto;
  448. }
  449.  
  450. #bookmarks-menuitem-sort,
  451. menuitem[oncommand="sortBookmarksService.sort()"] {
  452. list-style-image: url("chrome://browser/skin/bookmarks_list_add.png") !important;
  453. -moz-image-region: auto;
  454. }
  455.  
  456. menuitem[tabid="tab-item-bookmarkGroup"] {
  457. list-style-image: url("chrome://browser/skin/bookmarks_list_add.png") !important;
  458. -moz-image-region: auto;
  459. }
  460.  
  461. menuitem[command="Browser:BookmarkAllTabs"] ,
  462. menuitem[label="Marquer cet onglet..."] {
  463. list-style-image: url("chrome://browser/skin/bookmarks_list_add.png") !important;
  464. -moz-image-region: auto;
  465. }
  466.  
  467.  
  468. /******************************/
  469. /*   BOOKMARKS  Menu  END     */
  470. /******************************/
  471.  
  472. /******************************/
  473. /*   TOOLS  Menu              */
  474. /******************************/
  475.  
  476. menuitem[command="Tools:Addons"] {
  477. list-style-image: url("chrome://browser/skin/tool2.png") !important;
  478. -moz-image-region: auto;
  479. }
  480.  
  481. #menuitem_jsconsoleoutput, #javascriptConsole, #javaScriptConsole,
  482. menuitem[oncommand="toggleSidebar('viewConsole2Sidebar');"],
  483. menuitem[oncommand="toErrorConsole();"],
  484. menuitem[oncommand="toJavaScriptConsole();"] {
  485. list-style-image: url("chrome://browser/skin/konsole.png") !important;
  486. -moz-image-region: auto;
  487. }
  488.  
  489. #context-viewinfo, 
  490. menuitem[command="View:PageInfo"], 
  491. menuitem[oncommand="gContextMenu.viewFrameInfo();"] {
  492. list-style-image: url("chrome://browser/skin/help_about.png") !important;
  493. -moz-image-region: auto;
  494. }
  495.  
  496. #releaseNotes,
  497. menuitem[oncommand="openReleaseNotes(event)"] {
  498. list-style-image: url("chrome://browser/skin/help_about.png") !important;
  499. -moz-image-region: auto;
  500. }
  501.  
  502.  
  503. /******************************/
  504. /*   TOOLS  Menu  END        */
  505. /******************************/
  506.  
  507. /******************************/
  508. /*   HELP  Menu               */
  509. /******************************/
  510.  
  511. #hintsAndTips, #menu_openHelp, menuitem[oncommand="openHelp('firefox-help');"],
  512. menuitem[oncommand="openHelp('firefox-help', 'chrome://browser/locale/help/help.rdf');"] {
  513. list-style-image: url("chrome://browser/skin/book2.png") !important;
  514. -moz-image-region: auto;
  515. }
  516.  
  517. /******************************/
  518. /*   HELP  Menu  END          */
  519. /******************************/
  520.  
  521. #sanitizeItem {
  522.   list-style-image: url("chrome://browser/skin/clear_history.png") !important;
  523. -moz-image-region: auto;
  524. }
  525.  
  526. #wrapper-search-container #searchbar html|*.textbox-input {
  527.   visibility: hidden;
  528. }
  529.  
  530. #navigator-toolbox {
  531. /*  background: #DAD8D7 url("chrome://browser/skin/icons/toolbg.png") top center repeat-x ; */
  532. color:#000;
  533. }
  534.  
  535. #navigator-toolbox:-moz-system-metric(windows-default-theme) {
  536.   padding-bottom: 1px; /* uxtheme border drawing fix/hack */
  537. }
  538.  
  539. #navigator-toolbox[inFullscreen="true"],
  540. #navigator-toolbox[inFullscreen="true"] > #nav-bar {
  541.   border-top: none;
  542. }
  543.  
  544. #print-preview-toolbar {
  545.   -moz-appearance: none;
  546. }
  547.  
  548.  
  549. /* ::::: toolbar ::::: */
  550. #PersonalToolbar {
  551.   min-height: 26px;
  552. color:#000 !important;
  553. }
  554.  
  555. toolbar, tabpanels {
  556. border: none;
  557. margin: 0px !important;
  558. color:#000 !important;
  559. }
  560.  
  561. .toolbar-primary {
  562.   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar");
  563. /*  background-color: #E4E3E2;*/
  564. color:#000 !important;
  565. }
  566.  
  567. menubar {
  568.  
  569. }
  570.  
  571. #menubar-items
  572. {
  573. background-color:transparent;
  574. }
  575.  
  576. -moz-Dialog {
  577.   background-color: #E2E1E0 !important;
  578. }
  579.  
  580. .toolbar {
  581. min-width: 1px;
  582. min-height: 20px;
  583. /* border: 1px solid red; */
  584. /* max-height:30px !important; */
  585. }
  586.  
  587. toolbar:first-child, menubar {
  588. min-width: 1px;
  589. border: 0px !important;
  590. }
  591.  
  592. /* ----- text menu */
  593. toolbarbutton, .tabbrowser-tabs {
  594. color: #101010;
  595. }
  596.  
  597.  
  598. /* ::::: menuseparator ::::: */
  599.  
  600. menuseparator {
  601.   margin: 0px 5px;
  602. padding:0 !important;
  603. height:2px;
  604. /*border-top: 1px solid #c2c2c2; */
  605. /*border-bottom: 1px solid #f2f2f2; */
  606.  background-image: url("chrome://browser/skin/icons/menu_separator.png") !important;
  607. background-repeat:no-repeat !important;
  608. background-position:center;
  609. }
  610.  
  611. menulist > menupopup > menuseparator,
  612. .menulist-menupopup > menuseparator {
  613.   margin: 2px 0;
  614.   border-top: 1px solid #000000;
  615.   border-bottom: none;
  616. }
  617.  
  618. /* ::::: bookmark buttons ::::: */
  619.  
  620. toolbarbutton.bookmark-item {
  621.   margin: 0;
  622.   min-width: 0;
  623.   max-width: 12em;
  624.   padding: 0px 2px;
  625. }
  626.  
  627. toolbarbutton.bookmark-item-microsummarized {
  628.   max-width: 20em;
  629. }
  630.  
  631.  
  632. toolbarbutton.bookmark-item {
  633. margin:0px !important;
  634.   padding-top: 0px;
  635.   padding-bottom: 0px;
  636.   -moz-padding-start: 2px;
  637.   -moz-padding-end: 2px;
  638. border:3px solid transparent;
  639. }
  640.  
  641.  
  642. toolbarbutton.bookmark-item[open="true"] {
  643. -moz-border-top-colors:#d9dde1 #80a7d3 #d2d9e1;
  644. -moz-border-bottom-colors:#d9dde1 #80a7d3 #d2d9e1;
  645. -moz-border-right-colors:#d9dde1 #80a7d3 #d2d9e1;
  646. -moz-border-left-colors:#d9dde1 #80a7d3 #d2d9e1;
  647. -moz-border-radius: 4px;
  648. }
  649.  
  650. toolbarbutton.bookmark-item:hover {
  651. -moz-border-top-colors:#d9dde1 #80a7d3 #d2d9e1;
  652. -moz-border-bottom-colors:#d9dde1 #80a7d3 #d2d9e1;
  653. -moz-border-right-colors:#d9dde1 #80a7d3 #d2d9e1;
  654. -moz-border-left-colors:#d9dde1 #80a7d3 #d2d9e1;
  655. -moz-border-radius: 4px;
  656. }
  657.  
  658. toolbarbutton.bookmark-item:hover:active {
  659. -moz-border-top-colors:#d1dae5 #9fbde0 #78b6fb;
  660. -moz-border-bottom-colors:#d1dae5 #9fbde0 #78b6fb;
  661. -moz-border-right-colors:#d1dae5 #9fbde0 #78b6fb;
  662. -moz-border-left-colors:#d1dae5 #9fbde0 #78b6fb;
  663. -moz-border-radius: 4px;
  664. }
  665.  
  666. .bookmark-item > .toolbarbutton-icon {
  667.   width: 16px;
  668.   height: 16px;
  669. }
  670.  
  671. .bookmark-item > menu:hover {
  672. background-color: #000000 !important;
  673. }
  674.  
  675.  
  676. /* Prevent [mode="icons"] from hiding the label */
  677. .bookmark-item > .toolbarbutton-text {
  678.   display: -moz-box !important;
  679. }
  680.  
  681. .bookmark-item > .toolbarbutton-menu-dropmarker {
  682.   display: none;
  683. }
  684.  
  685. #wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box {
  686.   width: 16px;
  687.   height: 16px;
  688.   background: url("chrome://browser/skin/Bookmarks-folder.png") no-repeat;
  689. }
  690.  
  691. .bookmarks-toolbar-customize {
  692.   max-width: 15em !important;
  693. }
  694.  
  695.  
  696. /* ::::: bookmark menus ::::: */
  697.  
  698. menu.bookmark-item,
  699. menuitem.bookmark-item {
  700.   min-width: 0;
  701.   max-width: 26em;
  702. }
  703.  
  704. .bookmark-item > .menu-iconic-left {
  705.   margin-top: 0;
  706.   margin-bottom: 0;
  707. }
  708.  
  709. .bookmark-item > .menu-iconic-left > .menu-iconic-icon {
  710.   -moz-padding-start: 0px;
  711. }
  712.  
  713. /* ::::: bookmark items ::::: */
  714.  
  715. .bookmark-item  {
  716.   list-style-image: url("chrome://global/skin/icons/folder-item.png");
  717.   -moz-image-region: rect(0px, 16px, 16px, 0px);
  718. }
  719.  
  720. .bookmark-item[container] {
  721.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  722. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  723. background-repeat:no-repeat !important;
  724. background-position:bottom right;
  725.  
  726.   padding-right: 13px;
  727. }
  728.  
  729. .bookmark-item:hover[container] {
  730.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  731. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  732. background-repeat:no-repeat !important;
  733. background-position:bottom right;
  734.  
  735.   padding-right: 13px;
  736. }
  737.  
  738. .bookmark-item:hover:active[container] {
  739.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  740. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  741. background-repeat:no-repeat !important;
  742. background-position:bottom right;
  743.  
  744.   padding-right: 13px;
  745. }
  746.  
  747.  
  748. .bookmark-item[container][open] {
  749.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  750. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  751. background-repeat:no-repeat !important;
  752. background-position:bottom right;
  753. background-color:#E3E2E1;
  754. opacity:0.9;
  755. padding-right: 13px;
  756. border:3px solid;
  757. -moz-border-top-colors:#999897 #c3c2c2 #e0dfde;
  758. -moz-border-bottom-colors:#d8d7d6 #e2e1e0 #e2e1e0;
  759. -moz-border-right-colors:#bdbdbc #dedddc #e2e1e0;
  760. -moz-border-left-colors:#bcbcbb #dedddc #e2e1e0;
  761. -moz-border-radius: 4px;
  762. }
  763.  
  764.  
  765.  
  766. .bookmark-item[container][livemark] { 
  767.   list-style-image: url("chrome://browser/skin/livemark-folder.png");
  768.   -moz-image-region: auto;
  769. }
  770.  
  771. .bookmark-item:hover:active[container][livemark] { 
  772.   list-style-image: url("chrome://browser/skin/livemark-folder.png");
  773.   -moz-image-region: auto;
  774. }
  775.  
  776. .bookmark-item[container][livemark] .bookmark-item {
  777.   list-style-image: url("chrome://browser/skin/livemark-item.png");
  778.   -moz-image-region: auto;
  779. }
  780.  
  781. .bookmark-item[container][query] {
  782.   list-style-image: url("chrome://browser/skin/places/query.png");
  783.   -moz-image-region: auto;
  784. }
  785.  
  786. .bookmark-item:hover:active[container][query] {
  787.   list-style-image: url("chrome://browser/skin/places/query.png");
  788.   -moz-image-region: auto;
  789. }
  790.  
  791. .bookmark-item[query][tagContainer] {
  792.   list-style-image: url("chrome://mozapps/skin/places/tagContainerIcon.png");
  793.   -moz-image-region: auto;
  794. }
  795.  
  796. .bookmark-item[query][dayContainer] {
  797.   list-style-image: url("chrome://browser/skin/places/calendar.png");
  798.   -moz-image-region: auto;
  799. }
  800.  
  801. .bookmark-item[query][hostContainer] {
  802.   list-style-image: url("chrome://global/skin/icons/folder-item.png");
  803.   -moz-image-region: rect(0px, 32px, 16px, 16px);
  804.  
  805. }
  806.  
  807.  
  808. .bookmark-item[query][hostContainer][open] {
  809.   list-style-image: url("chrome://global/skin/icons/folder-item.png");
  810.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  811. }
  812.  
  813. /* ::::: primary toolbar buttons ::::: */
  814.  
  815.  
  816. .toolbarbutton-1 {
  817.   -moz-box-orient: vertical;
  818.   min-width: 0;
  819.   -moz-appearance: none;
  820.  border: 1px solid transparent;
  821.   -moz-border-radius: 3px;
  822. list-style-image: url("chrome://browser/skin/Toolbar.png");
  823. }
  824.  
  825.  
  826. .toolbarbutton-1 > .toolbarbutton-icon {
  827.   -moz-margin-end: 0px;
  828. }
  829.  
  830. .toolbarbutton-1:hover { 
  831.  border-color: #83aad5;
  832. }
  833.  
  834. toolbar[mode="full"] .toolbarbutton-1,
  835. toolbar[mode="full"] .toolbarbutton-menubutton-button {
  836.   min-width: 57px;
  837. }
  838.  
  839. .toolbarbutton-1,
  840. .toolbarbutton-menubutton-button {
  841.   padding: 0px;
  842. }
  843.  
  844. .toolbarbutton-1[checked="true"] {
  845.   padding: 5px !important;
  846. }
  847.  
  848. toolbar[iconsize="large"][mode="icons"] .toolbarbutton-1:-moz-system-metric(windows-default-theme),
  849. .toolbarbutton-menubutton-button:-moz-system-metric(windows-default-theme) {
  850. margin-top:3px;  
  851. padding: 0px; /* uxtheme border drawing fix/hack */
  852. }
  853.  
  854. toolbar[iconsize="large"][mode="icons"] .toolbarbutton-1[checked="true"]:-moz-system-metric(windows-default-theme) {
  855. margin-top:3px;
  856.   padding: 0px !important; /* uxtheme border drawing fix/hack */
  857.  
  858. }
  859.  
  860. /* ::::: unified back and forward buttons ::::: */
  861.  
  862. /* unified back button with keyhole icons */
  863.  
  864. toolbar[mode="icons"] #back-button {
  865.   -moz-appearance: none;
  866.   padding: 0;
  867.   -moz-padding-start: 2px;
  868.   border: none;
  869. }
  870.  
  871. toolbar[iconsize="large"][mode="icons"] #back-button {
  872.   -moz-image-region: rect(0px 396px 34px 360px);
  873. }
  874. toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover {
  875.   -moz-image-region: rect(34px 396px 68px 360px);
  876. }
  877. toolbar[iconsize="large"][mode="icons"] #back-button[disabled="true"] {
  878.   -moz-image-region: rect(68px 396px 102px 360px);
  879. }
  880. toolbar[iconsize="large"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
  881.   -moz-image-region: rect(102px 396px 136px 360px);
  882. }
  883.  
  884. /* unified back button with keyhole icons, RTL version */
  885.  
  886. toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"] {
  887.   -moz-image-region: rect(0px 516px 34px 480px);
  888. }
  889. toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
  890.   -moz-image-region: rect(34px 516px 68px 480px);
  891. }
  892. toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
  893.   -moz-image-region: rect(68px 516px 102px 480px);
  894. }
  895. toolbar[iconsize="large"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  896.   -moz-image-region: rect(102px 516px 136px 480px);
  897. }
  898.  
  899. /* unified forward button with keyhole icons */
  900.  
  901. toolbar[mode="icons"] #forward-button {
  902.   -moz-appearance: none;
  903.   padding: 0;
  904.   border: none;
  905. }
  906.  
  907. toolbar[iconsize="large"][mode="icons"] #forward-button {
  908.   -moz-image-region: rect(3px 422px 31px 396px);
  909. }
  910. toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover {
  911.   -moz-image-region: rect(37px 422px 65px 396px);
  912. }
  913. toolbar[iconsize="large"][mode="icons"] #forward-button[disabled="true"] {
  914.   -moz-image-region: rect(71px 422px 99px 396px);
  915. }
  916. toolbar[iconsize="large"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
  917.   -moz-image-region: rect(105px 422px 133px 396px);
  918. }
  919.  
  920. /* unified forward button with keyhole icons, RTL version */
  921.  
  922. toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"] {
  923.   -moz-image-region: rect(3px 480px 31px 454px);
  924. }
  925. toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
  926.   -moz-image-region: rect(37px 480px 65px 454px);
  927. }
  928. toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
  929.   -moz-image-region: rect(71px 480px 99px 454px);
  930. }
  931. toolbar[iconsize="large"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  932.   -moz-image-region: rect(105px 480px 133px 454px);
  933. }
  934.  
  935. /* dropmarker for unified back and forward buttons with keyhole icons */
  936.  
  937. toolbar[mode="icons"] #back-forward-dropmarker {
  938.   -moz-appearance: none;
  939.   padding: 0;
  940.   -moz-padding-end: 2px;
  941.   border: none;
  942. }
  943.  
  944. toolbar[mode="icons"] #back-forward-dropmarker > image {
  945.   display: -moz-box;
  946.   margin: 0;
  947. }
  948.  
  949. toolbar[mode="icons"] #back-forward-dropmarker > dropmarker {
  950.   display: none;
  951. }
  952.  
  953. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker {
  954.   list-style-image: url("chrome://browser/skin/Toolbar.png");
  955.   -moz-image-region: rect(3px 438px 31px 422px);
  956. }
  957. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
  958.   -moz-image-region: rect(37px 438px 65px 422px);
  959. }
  960. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
  961.   -moz-image-region: rect(71px 438px 99px 422px);
  962. }
  963. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
  964.   -moz-image-region: rect(105px 438px 133px 422px);
  965. }
  966.  
  967. /* unified dropmarker with keyhole icons, RTL version */
  968.  
  969. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
  970.   -moz-image-region: rect(3px 454px 31px 438px);
  971. }
  972. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
  973.   -moz-image-region: rect(37px 454px 65px 438px);
  974. }
  975. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
  976.   -moz-image-region: rect(71px 454px 99px 438px);
  977. }
  978. toolbar[iconsize="large"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
  979.   -moz-image-region: rect(105px 454px 133px 438px);
  980. }
  981.  
  982. /* ::::: unified back and forward buttons, small icons mode ::::: */
  983.  
  984. toolbar[iconsize="small"][mode="icons"] #back-button > .toolbarbutton-icon,
  985. toolbar[iconsize="small"][mode="icons"] #forward-button > .toolbarbutton-icon {
  986.   -moz-padding-end: 0;
  987. }
  988.  
  989. /* unified back button with keyhole icons, small icons mode */
  990.  
  991. toolbar[iconsize="small"][mode="icons"] #back-button {
  992. /*   -moz-image-region: rect(0px 264px 24px 240px); */
  993.    -moz-image-region: rect(0px 16px 16px 0px);
  994. margin:0px 4px;
  995. }
  996. toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover {
  997. /*   -moz-image-region: rect(24px 264px 48px 240px); */
  998.    -moz-image-region: rect(16px 16px 32px 0px);
  999. }
  1000. toolbar[iconsize="small"][mode="icons"] #back-button[disabled="true"] {
  1001. /*   -moz-image-region: rect(48px 264px 72px 240px); */
  1002.    -moz-image-region: rect(32px 16px 48px 0px); 
  1003. }
  1004. toolbar[iconsize="small"][mode="icons"] #back-button:not([disabled="true"]):hover:active {
  1005. /*   -moz-image-region: rect(72px 264px 96px 240px); */
  1006.    -moz-image-region: rect(64px 16px 80px 0px);
  1007. }
  1008.  
  1009. /* unified back button with keyhole icons, small icons mode, RTL version */
  1010.  
  1011. toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"] {
  1012.   -moz-image-region: rect(0px 362px 24px 338px);
  1013. }
  1014. toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover {
  1015.   -moz-image-region: rect(24px 362px 48px 338px);
  1016. }
  1017. toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"][disabled="true"] {
  1018.   -moz-image-region: rect(48px 362px 72px 338px);
  1019. }
  1020. toolbar[iconsize="small"][mode="icons"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1021.   -moz-image-region: rect(72px 362px 96px 338px);
  1022. }
  1023.  
  1024. /* unified forward button with keyhole icons, small icons mode */
  1025.  
  1026. toolbar[iconsize="small"][mode="icons"] #forward-button {
  1027. /*   -moz-image-region: rect(0px 288px 24px 264px); */
  1028. -moz-image-region: rect(0px 32px 16px 16px);
  1029. margin:0px 4px;
  1030. }
  1031. toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover {
  1032. /*   -moz-image-region: rect(24px 288px 48px 264px); */
  1033. -moz-image-region: rect(16px 32px 32px 16px);
  1034. }
  1035. toolbar[iconsize="small"][mode="icons"] #forward-button[disabled="true"] {
  1036. /*   -moz-image-region: rect(48px 288px 72px 264px); */
  1037. -moz-image-region: rect(32px 32px 48px 16px);
  1038. }
  1039. toolbar[iconsize="small"][mode="icons"] #forward-button:not([disabled="true"]):hover:active {
  1040. /*   -moz-image-region: rect(72px 288px 96px 264px); */
  1041. -moz-image-region: rect(64px 32px 80px 16px);
  1042. }
  1043.  
  1044. /*
  1045. toolbar[iconsize="small"] #forward-button {
  1046.   -moz-image-region: rect(0px 32px 16px 16px);
  1047. }
  1048. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover,
  1049. toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  1050.   -moz-image-region: rect(16px 32px 32px 16px);
  1051. }
  1052. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  1053.   -moz-image-region: rect(32px 32px 48px 16px);
  1054. }
  1055. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active {
  1056.   -moz-image-region: rect(64px 32px 80px 16px);
  1057. }*/
  1058.  
  1059.  
  1060.  
  1061.  
  1062.  
  1063.  
  1064.  
  1065. /* unified forward button with keyhole icons, small icons mode, RTL version */
  1066.  
  1067. toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"] {
  1068.   -moz-image-region: rect(0px 338px 24px 314px);
  1069. }
  1070. toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover {
  1071.   -moz-image-region: rect(24px 338px 48px 314px);
  1072. }
  1073. toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"][disabled="true"] {
  1074.   -moz-image-region: rect(48px 338px 72px 314px);
  1075. }
  1076. toolbar[iconsize="small"][mode="icons"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1077.   -moz-image-region: rect(72px 338px 96px 314px);
  1078. }
  1079.  
  1080. /* dropmarker for unified back and forward buttons with keyhole icons, small icons mode */
  1081.  
  1082. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker {
  1083.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1084.    -moz-image-region: rect(0px 301px 24px 288px); 
  1085. /*   -moz-image-region: rect(0px 16px 16px 0px); */
  1086. }
  1087. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover {
  1088.   -moz-image-region: rect(24px 301px 48px 288px); 
  1089. /*   -moz-image-region: rect(16px 16px 32px 0px); */
  1090. }
  1091. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[disabled="true"] {
  1092.    -moz-image-region: rect(48px 301px 72px 288px); 
  1093. /*   -moz-image-region: rect(32px 16px 48px 0px); */
  1094. }
  1095. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker:not([disabled="true"]):hover:active {
  1096.    -moz-image-region: rect(72px 301px 96px 288px);
  1097. /*   -moz-image-region: rect(64px 16px 80px 0px); */
  1098. }
  1099.  
  1100. /* unified dropmarker with keyhole icons, small icons mode, RTL version */
  1101.  
  1102. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"] {
  1103.   -moz-image-region: rect(0px 314px 24px 301px);
  1104. }
  1105. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover {
  1106.   -moz-image-region: rect(24px 314px 48px 301px);
  1107. }
  1108. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"][disabled="true"] {
  1109.   -moz-image-region: rect(48px 314px 72px 301px);
  1110. }
  1111. toolbar[iconsize="small"][mode="icons"] #back-forward-dropmarker[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1112.   -moz-image-region: rect(72px 314px 96px 301px);
  1113. }
  1114.  
  1115. /* ::::: 24px primary toolbar buttons ::::: */
  1116.  
  1117. /* back button */
  1118.  
  1119. #back-button {
  1120.   -moz-image-region: rect(0px 24px 24px 0px); 
  1121. }
  1122. #back-button:not([disabled="true"]):hover,
  1123. #back-button[buttonover="true"] {
  1124.   -moz-image-region: rect(24px 24px 48px 0px);
  1125. }
  1126. #back-button[disabled="true"] {
  1127.   -moz-image-region: rect(48px 24px 72px 0px);
  1128. }
  1129. #back-button:not([disabled="true"]):hover:active {
  1130.   -moz-image-region: rect(96px 24px 120px 0px);
  1131. }
  1132.  
  1133. #back-button[chromedir="rtl"] {
  1134.   -moz-image-region: rect(0px 48px 24px 24px);
  1135. }
  1136. #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
  1137. #back-button[chromedir="rtl"][buttonover="true"] {
  1138.   -moz-image-region: rect(24px 48px 48px 24px);
  1139. }
  1140. #back-button[chromedir="rtl"][disabled="true"] {
  1141.   -moz-image-region: rect(48px 48px 72px 24px);
  1142. }
  1143. #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1144.   -moz-image-region: rect(96px 48px 120px 24px);
  1145. }
  1146.  
  1147. /* forward button */
  1148.  
  1149. #forward-button {
  1150.   -moz-image-region: rect(0px 48px 24px 24px);
  1151. }
  1152. #forward-button:not([disabled="true"]):hover,
  1153. #forward-button[buttonover="true"] {
  1154.   -moz-image-region: rect(24px 48px 48px 24px);
  1155. }
  1156. #forward-button[disabled="true"] {
  1157.   -moz-image-region: rect(48px 48px 72px 24px);
  1158. }
  1159. #forward-button:not([disabled="true"]):hover:active {
  1160.   -moz-image-region: rect(96px 48px 120px 24px);
  1161. }
  1162.  
  1163. #forward-button[chromedir="rtl"] {
  1164.   -moz-image-region: rect(0px 24px 24px 0px); 
  1165. }
  1166. #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
  1167. #forward-button[chromedir="rtl"][buttonover="true"] {
  1168.   -moz-image-region: rect(24px 24px 48px 0px);
  1169. }
  1170. #forward-button[chromedir="rtl"][disabled="true"] {
  1171.   -moz-image-region: rect(48px 24px 72px 0px);
  1172. }
  1173. #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1174.   -moz-image-region: rect(96px 24px 120px 0px);
  1175. }
  1176.  
  1177. /* stop button */
  1178.  
  1179. #stop-button {
  1180.   -moz-image-region: rect(0px 72px 24px 48px);
  1181. }
  1182. #stop-button:not([disabled="true"]):hover {
  1183.   -moz-image-region: rect(24px 72px 48px 48px);
  1184. }
  1185. #stop-button[disabled="true"] {
  1186.   -moz-image-region: rect(48px 72px 72px 48px);
  1187. }
  1188. #stop-button:not([disabled="true"]):hover:active {
  1189.   -moz-image-region: rect(96px 72px 120px 48px);
  1190. }
  1191.  
  1192. /* reload button */
  1193.  
  1194. #reload-button {
  1195.   -moz-image-region: rect(0px 96px 24px 72px);
  1196. }
  1197. #reload-button:not([disabled="true"]):hover {
  1198.   -moz-image-region: rect(24px 96px 48px 72px);
  1199. }
  1200. #reload-button[disabled="true"] {
  1201.   -moz-image-region: rect(48px 96px 72px 72px);
  1202. }
  1203. #reload-button:not([disabled="true"]):hover:active {
  1204.   -moz-image-region: rect(96px 96px 120px 72px);
  1205. }
  1206.  
  1207. /* home button */
  1208.  
  1209. #home-button {
  1210.   -moz-image-region: rect(0px 120px 24px 96px);
  1211. }
  1212. #home-button:not([disabled="true"]):hover {
  1213.   -moz-image-region: rect(24px 120px 48px 96px);
  1214. }
  1215. #home-button[disabled="true"] {
  1216.   -moz-image-region: rect(48px 120px 72px 96px);
  1217. }
  1218. #home-button:not([disabled="true"]):hover:active {
  1219.   -moz-image-region: rect(96px 120px 120px 96px);
  1220. }
  1221.  
  1222. /* download manager button */
  1223.  
  1224. #downloads-button {
  1225. -moz-image-region: rect(0px 144px 24px 120px);
  1226. background-image:url("chrome://browser/skin/icons/menudroparrow.png"); 
  1227. background-repeat:no-repeat !important;
  1228. background-position:bottom right;
  1229. padding-right: 8px;
  1230. }
  1231. #downloads-button:not([disabled="true"]):hover {
  1232.   -moz-image-region: rect(24px 144px 48px 120px);
  1233. }
  1234. #downloads-button[disabled="true"] {
  1235.   -moz-image-region: rect(48px 144px 72px 120px);
  1236. }
  1237. #downloads-button:not([disabled="true"]):hover:active {
  1238.   -moz-image-region: rect(96px 144px 120px 120px);
  1239. }
  1240.  
  1241. /* history sidebar button */
  1242.  
  1243. #history-button {
  1244.   -moz-image-region: rect(0px 168px 24px 144px);
  1245. }
  1246. #history-button:not([disabled="true"]):not([checked="true"]):hover {
  1247.   -moz-image-region: rect(24px 168px 48px 144px);
  1248. }
  1249. #history-button[disabled="true"] {
  1250.   -moz-image-region: rect(48px 168px 70px 144px);
  1251. }
  1252. #history-button[checked="true"] {
  1253.   -moz-image-region: rect(72px 168px 96px 144px);
  1254.   padding:0 !important;
  1255. margin:0 !important;
  1256. border:3px solid;
  1257. -moz-border-top-colors:#999897 #c3c2c2 #e0dfde;
  1258. -moz-border-bottom-colors:#d8d7d6 #e2e1e0 #e2e1e0;
  1259. -moz-border-right-colors:#bdbdbc #dedddc #e2e1e0;
  1260. -moz-border-left-colors:#bcbcbb #dedddc #e2e1e0;
  1261. background:none !important;
  1262. -moz-border-radius: 4px;
  1263. }
  1264. #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
  1265.   -moz-image-region: rect(96px 168px 120px 144px);
  1266. padding:0 !important;
  1267. margin:0 !important;
  1268. }
  1269.  
  1270. /* bookmark sidebar button */
  1271.  
  1272. #bookmarks-button {
  1273.   -moz-image-region: rect(0px 192px 24px 168px);
  1274. }
  1275. #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
  1276.   -moz-image-region: rect(24px 192px 48px 168px);
  1277. }
  1278. #bookmarks-button[disabled="true"] {
  1279.   -moz-image-region: rect(48px 192px 72px 168px);
  1280. }
  1281. #bookmarks-button[checked="true"] {
  1282.   -moz-image-region: rect(72px 192px 96px 168px);
  1283.   padding:0 !important;
  1284. margin:0 !important;
  1285. border:3px solid;
  1286. -moz-border-top-colors:#999897 #c3c2c2 #e0dfde;
  1287. -moz-border-bottom-colors:#d8d7d6 #e2e1e0 #e2e1e0;
  1288. -moz-border-right-colors:#bdbdbc #dedddc #e2e1e0;
  1289. -moz-border-left-colors:#bcbcbb #dedddc #e2e1e0;
  1290. background:none !important;
  1291.   -moz-border-radius: 4px;
  1292. }
  1293. #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
  1294.   -moz-image-region: rect(96px 192px 120px 168px);
  1295. padding:0 !important;
  1296. margin:0 !important;
  1297. }
  1298.  
  1299. /* print button */
  1300.  
  1301. #print-button {
  1302.   -moz-image-region: rect(0px 216px 24px 192px);
  1303. }
  1304. #print-button:not([disabled="true"]):hover {
  1305.   -moz-image-region: rect(24px 216px 48px 192px);
  1306. }
  1307. #print-button[disabled="true"] {
  1308.   -moz-image-region: rect(48px 216px 72px 192px);
  1309. }
  1310. #print-button:not([disabled="true"]):hover:active {
  1311.   -moz-image-region: rect(96px 216px 120px 192px);
  1312. }
  1313.  
  1314. /* toolbar new tab button */
  1315.  
  1316. toolbar:not([iconsize="small"]) #new-tab-button > .toolbarbutton-icon {
  1317.   padding-left: 1px;
  1318. }
  1319. #new-tab-button {
  1320.   -moz-image-region: rect(0px 240px 24px 216px);
  1321. }
  1322. #new-tab-button:not([disabled="true"]):hover {
  1323.   -moz-image-region: rect(24px 240px 48px 216px);
  1324. }
  1325. #new-tab-button[disabled="true"] {
  1326.   -moz-image-region: rect(48px 240px 72px 216px);
  1327. }
  1328. #new-tab-button:not([disabled="true"]):hover:active {
  1329.   -moz-image-region: rect(96px 240px 120px 216px);
  1330. }
  1331.  
  1332. /* new window button */
  1333.  
  1334. toolbar:not([iconsize="small"]) #new-window-button > .toolbarbutton-icon {
  1335.   padding-left: 1px;
  1336. }
  1337. #new-window-button {
  1338.   -moz-image-region: rect(0px 264px 24px 240px);
  1339. }
  1340. #new-window-button:not([disabled="true"]):hover {
  1341.   -moz-image-region: rect(24px 264px 48px 240px);
  1342. }
  1343. #new-window-button[disabled="true"] {
  1344.   -moz-image-region: rect(48px 264px 72px 240px);
  1345. }
  1346. #new-window-button:not([disabled="true"]):hover:active {
  1347.   -moz-image-region: rect(96px 264px 120px 240px);
  1348. }
  1349.  
  1350. /* cut button */
  1351.  
  1352. #cut-button {
  1353.   -moz-image-region: rect(0px 288px 24px 264px);
  1354. }
  1355. #cut-button:not([disabled="true"]):hover {
  1356.   -moz-image-region: rect(24px 288px 48px 264px);
  1357. }
  1358. #cut-button[disabled="true"] {
  1359.   -moz-image-region: rect(48px 288px 72px 264px);
  1360. }
  1361. #cut-button:not([disabled="true"]):hover:active {
  1362.   -moz-image-region: rect(96px 288px 120px 264px);
  1363. }
  1364.  
  1365. /* copy button */
  1366.  
  1367. #copy-button {
  1368.   -moz-image-region: rect(0px 312px 24px 288px);
  1369. }
  1370. #copy-button:not([disabled="true"]):hover {
  1371.   -moz-image-region: rect(24px 312px 48px 288px);
  1372. }
  1373. #copy-button[disabled="true"] {
  1374.   -moz-image-region: rect(48px 312px 72px 288px);
  1375. }
  1376. #copy-button:not([disabled="true"]):hover:active {
  1377.   -moz-image-region: rect(96px 312px 120px 288px);
  1378. }
  1379.  
  1380. /* paste button */
  1381.  
  1382. #paste-button {
  1383.   -moz-image-region: rect(0px 336px 24px 312px);
  1384. }
  1385. #paste-button:not([disabled="true"]):hover {
  1386.   -moz-image-region: rect(24px 336px 48px 312px);
  1387. }
  1388. #paste-button[disabled="true"] {
  1389.   -moz-image-region: rect(48px 336px 72px 312px);
  1390. }
  1391. #paste-button:not([disabled="true"]):hover:active {
  1392.   -moz-image-region: rect(96px 336px 120px 312px);
  1393. }
  1394.  
  1395. /* ::::: 16px primary toolbar buttons ::::: */
  1396.  
  1397. toolbar[iconsize="small"] .toolbarbutton-1 {
  1398.   -moz-box-orient: vertical;
  1399.   min-width: 0;
  1400.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1401. }
  1402.  
  1403. toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] {
  1404.   border: 0 !important;
  1405. }
  1406.  
  1407. /* back button */
  1408.  
  1409. toolbar[iconsize="small"] #back-button > .toolbarbutton-icon {
  1410.   -moz-padding-end: 1px;
  1411. }
  1412. toolbar[iconsize="small"] #back-button {
  1413.   -moz-image-region: rect(0px 16px 16px 0px);
  1414. }
  1415. toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover,
  1416. toolbar[iconsize="small"] #back-button[buttonover="true"] {
  1417.   -moz-image-region: rect(16px 16px 32px 0px);
  1418. }
  1419. toolbar[iconsize="small"] #back-button[disabled="true"] {
  1420.   -moz-image-region: rect(32px 16px 48px 0px);
  1421. }
  1422. toolbar[iconsize="small"] #back-button:not([disabled="true"]):hover:active {
  1423.   -moz-image-region: rect(64px 16px 80px 0px);
  1424. }
  1425.  
  1426. toolbar[iconsize="small"] #back-button[chromedir="rtl"] {
  1427.   -moz-image-region: rect(0px 32px 16px 16px);
  1428. }
  1429. toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover,
  1430. toolbar[iconsize="small"] #back-button[chromedir="rtl"][buttonover="true"] {
  1431.   -moz-image-region: rect(16px 32px 32px 16px);
  1432. }
  1433. toolbar[iconsize="small"] #back-button[chromedir="rtl"][disabled="true"] {
  1434.   -moz-image-region: rect(32px 32px 48px 16px);
  1435. }
  1436. toolbar[iconsize="small"] #back-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1437.   -moz-image-region: rect(64px 32px 80px 16px);
  1438. }
  1439. .unified-nav-back[_moz-menuactive],
  1440. menupopup[chromedir="rtl"] > .unified-nav-forward[_moz-menuactive] {
  1441.   list-style-image: url("chrome://browser/skin/menu-back.png") !important;
  1442. }
  1443.  
  1444. /* forward button */
  1445.  
  1446. toolbar[iconsize="small"] #forward-button > .toolbarbutton-icon {
  1447.   -moz-padding-end: 1px;
  1448. }
  1449. toolbar[iconsize="small"] #forward-button {
  1450.   -moz-image-region: rect(0px 32px 16px 16px);
  1451. }
  1452. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover,
  1453. toolbar[iconsize="small"] #forward-button[buttonover="true"] {
  1454.   -moz-image-region: rect(16px 32px 32px 16px);
  1455. }
  1456. toolbar[iconsize="small"] #forward-button[disabled="true"] {
  1457.   -moz-image-region: rect(32px 32px 48px 16px);
  1458. }
  1459. toolbar[iconsize="small"] #forward-button:not([disabled="true"]):hover:active {
  1460.   -moz-image-region: rect(64px 32px 80px 16px);
  1461. }
  1462.  
  1463. toolbar[iconsize="small"] #forward-button[chromedir="rtl"] {
  1464.   -moz-image-region: rect(0px 16px 16px 0px);
  1465. }
  1466. toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover,
  1467. toolbar[iconsize="small"] #forward-button[chromedir="rtl"][buttonover="true"] {
  1468.   -moz-image-region: rect(16px 16px 32px 0px);
  1469. }
  1470. toolbar[iconsize="small"] #forward-button[chromedir="rtl"][disabled="true"] {
  1471.   -moz-image-region: rect(32px 16px 48px 0px);
  1472. }
  1473. toolbar[iconsize="small"] #forward-button[chromedir="rtl"]:not([disabled="true"]):hover:active {
  1474.   -moz-image-region: rect(64px 16px 80px 0px);
  1475. }
  1476. .unified-nav-forward[_moz-menuactive],
  1477. menupopup[chromedir="rtl"] > .unified-nav-back[_moz-menuactive] {
  1478.   list-style-image: url("chrome://browser/skin/menu-forward.png") !important;
  1479. }
  1480.  
  1481. /* stop button */
  1482.  
  1483. toolbar[iconsize="small"] #stop-button > .toolbarbutton-icon {
  1484.   padding-left: 1px;
  1485. }
  1486. toolbar[iconsize="small"] #stop-button {
  1487.   -moz-image-region: rect(0px 48px 16px 32px);
  1488. }
  1489. toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover {
  1490.   -moz-image-region: rect(16px 48px 32px 32px);
  1491. }
  1492. toolbar[iconsize="small"] #stop-button[disabled="true"] {
  1493.   -moz-image-region: rect(32px 48px 48px 32px);
  1494. }
  1495. toolbar[iconsize="small"] #stop-button:not([disabled="true"]):hover:active {
  1496.   -moz-image-region: rect(64px 48px 80px 32px);
  1497. }
  1498.  
  1499. /* reload button */
  1500.  
  1501. toolbar[iconsize="small"] #reload-button > .toolbarbutton-icon {
  1502.   padding-left: 1px;
  1503. }
  1504. toolbar[iconsize="small"] #reload-button {
  1505.   -moz-image-region: rect(0px 64px 16px 48px);
  1506. }
  1507. toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover {
  1508.   -moz-image-region: rect(16px 64px 32px 48px);
  1509. }
  1510. toolbar[iconsize="small"] #reload-button[disabled="true"] {
  1511.   -moz-image-region: rect(32px 64px 48px 48px);
  1512. }
  1513. toolbar[iconsize="small"] #reload-button:not([disabled="true"]):hover:active {
  1514.   -moz-image-region: rect(64px 64px 80px 48px);
  1515. }
  1516.  
  1517. /* home button */
  1518.  
  1519. toolbar[iconsize="small"] #home-button.toolbarbutton-1 > .toolbarbutton-icon {
  1520.   padding-left: 1px;
  1521. }
  1522. #home-button.bookmark-item {
  1523.   list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  1524. }
  1525. toolbar[iconsize="small"] #home-button ,
  1526. #home-button.bookmark-item {
  1527.   -moz-image-region: rect(0px 80px 16px 64px);
  1528. }
  1529. toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover ,
  1530. #home-button.bookmark-item:not([disabled="true"]):hover {
  1531.   -moz-image-region: rect(16px 80px 32px 64px);
  1532. }
  1533. toolbar[iconsize="small"] #home-button[disabled="true"] ,
  1534. #home-button.bookmark-item[disabled="true"] {
  1535.   -moz-image-region: rect(32px 80px 48px 64px);
  1536. }
  1537. toolbar[iconsize="small"] #home-button:not([disabled="true"]):hover:active ,
  1538. #home-button.bookmark-item:not([disabled="true"]):hover:active {
  1539.   -moz-image-region: rect(64px 80px 80px 64px);
  1540. }
  1541.  
  1542. /* download manager button */
  1543.  
  1544. toolbar[iconsize="small"] #downloads-button > .toolbarbutton-icon {
  1545.   padding-left: 1px;
  1546. }
  1547. toolbar[iconsize="small"] #downloads-button {
  1548.   -moz-image-region: rect(0px 96px 16px 80px);
  1549. }
  1550. toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover {
  1551.   -moz-image-region: rect(16px 96px 32px 80px);
  1552. }
  1553. toolbar[iconsize="small"] #downloads-button[disabled="true"] {
  1554.   -moz-image-region: rect(32px 96px 48px 80px);
  1555. }
  1556. toolbar[iconsize="small"] #downloads-button:not([disabled="true"]):hover:active {
  1557.   -moz-image-region: rect(64px 96px 80px 80px);
  1558. }
  1559.  
  1560. /* history sidebar button */
  1561.  
  1562. toolbar[iconsize="small"] #history-button > .toolbarbutton-icon {
  1563.   padding-left: 1px;
  1564. }
  1565. toolbar[iconsize="small"] #history-button {
  1566.   -moz-image-region: rect(0px 112px 16px 96px);
  1567. }
  1568. toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover {
  1569.   -moz-image-region: rect(16px 112px 32px 96px);
  1570. }
  1571. toolbar[iconsize="small"] #history-button[disabled="true"] {
  1572.   -moz-image-region: rect(32px 112px 48px 96px);
  1573. }
  1574. toolbar[iconsize="small"] #history-button[checked="true"] {
  1575.   -moz-image-region: rect(48px 112px 64px 96px);
  1576. }
  1577. toolbar[iconsize="small"] #history-button:not([disabled="true"]):not([checked="true"]):hover:active {
  1578.   -moz-image-region: rect(64px 112px 80px 96px);
  1579. }
  1580.  
  1581. /* bookmark sidebar button */
  1582.  
  1583. toolbar[iconsize="small"] #bookmarks-button > .toolbarbutton-icon {
  1584.   padding-left: 2px;
  1585. }
  1586. toolbar[iconsize="small"] #bookmarks-button {
  1587.   -moz-image-region: rect(0px 128px 16px 112px);
  1588. }
  1589. toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover {
  1590.   -moz-image-region: rect(16px 128px 32px 112px);
  1591. }
  1592. toolbar[iconsize="small"] #bookmarks-button[disabled="true"] {
  1593.   -moz-image-region: rect(32px 128px 48px 112px);
  1594. }
  1595. toolbar[iconsize="small"] #bookmarks-button[checked="true"] {
  1596.   -moz-image-region: rect(48px 128px 64px 112px);
  1597. }
  1598. toolbar[iconsize="small"] #bookmarks-button:not([disabled="true"]):not([checked="true"]):hover:active {
  1599.   -moz-image-region: rect(64px 128px 80px 112px);
  1600. }
  1601.  
  1602. /* print button */
  1603.  
  1604. toolbar[iconsize="small"] #print-button > .toolbarbutton-icon {
  1605.   padding-left: 1px;
  1606. }
  1607. toolbar[iconsize="small"] #print-button {
  1608.   -moz-image-region: rect(0px 144px 16px 128px);
  1609. }
  1610. toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover {
  1611.   -moz-image-region: rect(16px 144px 32px 128px);
  1612. }
  1613. toolbar[iconsize="small"] #print-button[disabled="true"] {
  1614.   -moz-image-region: rect(32px 144px 48px 128px);
  1615. }
  1616. toolbar[iconsize="small"] #print-button:not([disabled="true"]):hover:active {
  1617.   -moz-image-region: rect(64px 144px 80px 128px);
  1618. }
  1619.  
  1620. /* toolbar new tab button */
  1621.  
  1622. toolbar[iconsize="small"] #new-tab-button > .toolbarbutton-icon {
  1623.   padding-left: 1px;
  1624. }
  1625. toolbar[iconsize="small"] #new-tab-button {
  1626.   -moz-image-region: rect(0px 160px 16px 144px);
  1627. }
  1628. toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover {
  1629.   -moz-image-region: rect(16px 160px 32px 144px);
  1630. }
  1631. toolbar[iconsize="small"] #new-tab-button[disabled="true"] {
  1632.   -moz-image-region: rect(32px 160px 48px 144px);
  1633. }
  1634. toolbar[iconsize="small"] #new-tab-button:not([disabled="true"]):hover:active {
  1635.   -moz-image-region: rect(64px 160px 80px 144px);
  1636. }
  1637.  
  1638. /* new window button */
  1639.  
  1640. toolbar[iconsize="small"] #new-window-button {
  1641.   -moz-image-region: rect(0px 176px 16px 160px);
  1642. }
  1643. toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover {
  1644.   -moz-image-region: rect(16px 176px 32px 160px);
  1645. }
  1646. toolbar[iconsize="small"] #new-window-button[disabled="true"] {
  1647.   -moz-image-region: rect(32px 176px 48px 160px);
  1648. }
  1649. toolbar[iconsize="small"] #new-window-button:not([disabled="true"]):hover:active {
  1650.   -moz-image-region: rect(64px 176px 80px 160px);
  1651. }
  1652.  
  1653. /* cut button */
  1654.  
  1655. toolbar[iconsize="small"] #cut-button > .toolbarbutton-icon {
  1656.   padding-right: 1px;
  1657. }
  1658. toolbar[iconsize="small"] #cut-button {
  1659.   -moz-image-region: rect(0px 192px 16px 176px);
  1660. }
  1661. toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover {
  1662.   -moz-image-region: rect(16px 192px 32px 176px);
  1663. }
  1664. toolbar[iconsize="small"] #cut-button[disabled="true"] {
  1665.   -moz-image-region: rect(32px 192px 48px 176px);
  1666. }
  1667. toolbar[iconsize="small"] #cut-button:not([disabled="true"]):hover:active {
  1668.   -moz-image-region: rect(64px 192px 80px 176px);
  1669. }
  1670.  
  1671. /* copy button */
  1672.  
  1673. toolbar[iconsize="small"] #copy-button > .toolbarbutton-icon {
  1674.   padding-left: 1px;
  1675. }
  1676. toolbar[iconsize="small"] #copy-button {
  1677.   -moz-image-region: rect(0px 208px 16px 192px);
  1678. }
  1679. toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover {
  1680.   -moz-image-region: rect(16px 208px 32px 192px);
  1681. }
  1682. toolbar[iconsize="small"] #copy-button[disabled="true"] {
  1683.   -moz-image-region: rect(32px 208px 48px 192px);
  1684. }
  1685. toolbar[iconsize="small"] #copy-button:not([disabled="true"]):hover:active {
  1686.   -moz-image-region: rect(64px 208px 80px 192px);
  1687. }
  1688.  
  1689. /* paste button */
  1690.  
  1691. toolbar[iconsize="small"] #paste-button > .toolbarbutton-icon {
  1692.   padding-left: 1px;
  1693. }
  1694. toolbar[iconsize="small"] #paste-button {
  1695.   -moz-image-region: rect(0px 224px 16px 208px);
  1696. }
  1697. toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover {
  1698.   -moz-image-region: rect(16px 224px 32px 208px);
  1699. }
  1700. toolbar[iconsize="small"] #paste-button[disabled="true"] {
  1701.   -moz-image-region: rect(32px 224px 48px 208px);
  1702. }
  1703. toolbar[iconsize="small"] #paste-button:not([disabled="true"]):hover:active {
  1704.   -moz-image-region: rect(64px 224px 80px 208px);
  1705. }
  1706.  
  1707. /* ::::: fullscreen window controls ::::: */
  1708.  
  1709. #minimize-button,
  1710. #restore-button,
  1711. #close-button {
  1712.   list-style-image: url("chrome://global/skin/icons/windowControls.png");
  1713.   padding: 0;
  1714. }
  1715.  
  1716. #minimize-button {
  1717.   -moz-image-region: rect(0, 16px, 16px, 0);
  1718. }
  1719. #minimize-button:hover {
  1720.   -moz-image-region: rect(16px, 16px, 32px, 0);
  1721. }
  1722. #minimize-button:hover:active {
  1723.   -moz-image-region: rect(32px, 16px, 48px, 0);
  1724. }
  1725. #restore-button {
  1726.   -moz-image-region: rect(0, 32px, 16px, 16px);
  1727. }
  1728. #restore-button:hover {
  1729.   -moz-image-region: rect(16px, 32px, 32px, 16px);
  1730. }
  1731. #restore-button:hover:active {
  1732.   -moz-image-region: rect(32px, 32px, 48px, 16px);
  1733. }
  1734. #close-button {
  1735.   -moz-image-region: rect(0, 48px, 16px, 32px);
  1736.   -moz-appearance: none;
  1737.   border-style: none;
  1738.   margin: 2px;
  1739. }
  1740. #close-button:hover {
  1741.   -moz-image-region: rect(16px, 48px, 32px, 32px);
  1742. }
  1743. #close-button:hover:active {
  1744.   -moz-image-region: rect(32px, 48px, 48px, 32px);
  1745. }
  1746.  
  1747. /* ::::: nav-bar-inner ::::: */
  1748.  
  1749. #urlbar {
  1750.   width: 7em;
  1751.   min-width: 7em;
  1752. margin-right:0.5em;
  1753. }
  1754.  
  1755. #urlbar:-moz-system-metric(windows-default-theme) {
  1756.   -moz-appearance: none;
  1757.  
  1758.   border-width: 0px; 
  1759. }
  1760.  
  1761. #urlbar-container {
  1762.   -moz-box-orient: horizontal;
  1763.   -moz-box-align: stretch;
  1764. }
  1765.  
  1766. #urlbar-icons {
  1767.   height: 18px;
  1768.   -moz-box-align: center;
  1769.   -moz-padding-end: 2px;
  1770. }
  1771.  
  1772. #urlbar-search-splitter {
  1773.   min-width: 8px;
  1774.   -moz-margin-start: -4px;
  1775.   border: none;
  1776.   background: transparent;
  1777. }
  1778.  
  1779. #urlbar-search-splitter + #urlbar-container > #urlbar ,
  1780. #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox {
  1781.   -moz-margin-start: 0;
  1782. }
  1783.  
  1784. #wrapper-urlbar-container #urlbar > .autocomplete-history-dropmarker {
  1785.   display: none;
  1786. }
  1787.  
  1788. /* Keep the URL bar LTR */
  1789.  
  1790. #urlbar .autocomplete-textbox-container {
  1791.   direction: ltr;
  1792. }
  1793.  
  1794. #PopupAutoComplete {
  1795.   direction: ltr !important;
  1796. }
  1797.  
  1798. #PopupAutoComplete[chromedir="rtl"] > tree > treerows {
  1799.   direction: rtl;
  1800. }
  1801.  
  1802. #PopupAutoComplete .autocomplete-treebody {
  1803.   direction: ltr;
  1804. }
  1805.  
  1806. #PopupAutoCompleteRichResult {
  1807.   direction: ltr !important;
  1808. }
  1809.  
  1810. /* ::::: page proxy icon ::::: */
  1811.  
  1812. #page-proxy-favicon,
  1813. #urlbar-throbber {
  1814. width: 16px;
  1815. height: 16px;
  1816. }
  1817.  
  1818. #page-proxy-stack {
  1819. width: 16px;
  1820. height: 16px;
  1821. padding: 0px;
  1822. margin-left:3px;
  1823. margin-right:1px;
  1824. background: none; 
  1825. }
  1826.  
  1827. #page-proxy-favicon:not([src]) {
  1828.   list-style-image: url("chrome://global/skin/icons/folder-item.png");
  1829.   -moz-image-region: rect(0px, 16px, 16px, 0px)
  1830. }
  1831.  
  1832. #page-proxy-favicon[pageproxystate="invalid"] {
  1833.   -moz-image-region: rect(32px, 16px, 48px, 0px);
  1834. }
  1835.  
  1836. #urlbar-throbber {
  1837.   list-style-image: url("chrome://browser/skin/places/searching_16.png");
  1838. }
  1839.  
  1840.  
  1841. statusbarpanel#statusbar-display {
  1842. border-top:3px solid;
  1843. -moz-border-top-colors: #e7e6e6 #bab8b6 #eeeeed;
  1844. background-image: url("chrome://browser/skin/status_bar.png");
  1845. background-repeat:no-repeat;
  1846. -moz-image-region: auto;
  1847. margin-left:5px;
  1848. padding-left:15px;
  1849. }
  1850.  
  1851. /* ::::: autocomplete ::::: */
  1852.  
  1853. #treecolAutoCompleteImage {
  1854.   max-width: 36px;
  1855. }
  1856.  
  1857. .ac-result-type-bookmark,
  1858. .autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) {
  1859.   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
  1860.   -moz-image-region: rect(0px 16px 16px 0px);
  1861.   width: 16px; 
  1862.   height: 16px;
  1863. }
  1864.  
  1865. .ac-result-type-keyword,
  1866. .autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) {
  1867.   list-style-image: url(chrome://browser/skin/Search-glass.png);
  1868.   -moz-image-region: rect(0px 32px 16px 16px);
  1869.   width: 16px;
  1870.   height: 16px;
  1871. }
  1872.  
  1873. .ac-result-type-tag,
  1874. .autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) {
  1875.   list-style-image: url("chrome://browser/skin/places/tag.png");
  1876.   width: 16px; 
  1877.   height: 16px;
  1878. }
  1879.  
  1880. .ac-comment {
  1881.   font-size: 1.15em;
  1882. }
  1883.  
  1884. .ac-extra > .ac-comment {
  1885.   font-size: inherit;
  1886. }
  1887.  
  1888. .ac-url-text {
  1889.   color: -moz-nativehyperlinktext;
  1890. }
  1891.  
  1892. .ac-url-text:-moz-system-metric(windows-default-theme) {
  1893.   color: #006600;
  1894. }
  1895.  
  1896. .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
  1897.   color: GrayText;
  1898. }
  1899.  
  1900. .ac-comment[selected="true"], .ac-url-text[selected="true"] {
  1901.   color: inherit !important;
  1902. }
  1903.  
  1904. .autocomplete-treebody::-moz-tree-cell-text(suggesthint, treecolAutoCompleteComment), 
  1905. .autocomplete-treebody::-moz-tree-cell-text(suggestfirst, treecolAutoCompleteComment) 
  1906. {
  1907.   color: GrayText;
  1908.   font-size: smaller;
  1909. }
  1910.  
  1911. .autocomplete-treebody::-moz-tree-cell(suggesthint) {
  1912.   border-top: 1px solid GrayText;
  1913. }
  1914.  
  1915. /* ::::: go button ::::: */
  1916.  
  1917. #go-button {
  1918.   padding: 0 2px;
  1919.   list-style-image: url("chrome://browser/skin/Go-arrow.png");
  1920.   -moz-image-region: rect(0px 16px 16px 0px);
  1921. }
  1922.  
  1923. #go-button:hover {
  1924.   -moz-image-region: rect(16px 16px 32px 0px);
  1925. }
  1926.  
  1927. /* star button */
  1928. #star-button {
  1929.   padding: 0 2px;
  1930.   list-style-image: url("chrome://browser/skin/places/bookmark.png");
  1931.   -moz-image-region: rect(0px 16px 16px 0px);
  1932. }
  1933.  
  1934. #star-button:hover {
  1935.   -moz-image-region: rect(0px 32px 16px 16px);
  1936. }
  1937.  
  1938. #star-button:hover:active {
  1939.   -moz-image-region: rect(0px 48px 16px 32px);
  1940. }
  1941.  
  1942. #star-button[starred="true"] {
  1943.   list-style-image: url("chrome://browser/skin/places/editBookmark.png");
  1944. }
  1945.  
  1946. /* bookmarking panel */
  1947. #editBookmarkPanel {
  1948.  -moz-appearance: none !important; 
  1949.   color: MenuText;
  1950.   padding: 4px;
  1951. border:4px solid;
  1952.   -moz-border-left-colors:  #e2e1e0 #bfbebd #f6f5f4 #efeeee;
  1953.   -moz-border-right-colors: #e2e1e0 #bfbebd #f5f4f3 #f0f0ef;
  1954.   -moz-border-top-colors:  #e2e1e0 #dcdcdb #fefefe #f0f0ef;
  1955.   -moz-border-bottom-colors: #c3c2c2 #979595 #e4e3e3 #e6e6e5;
  1956. background-image: url("chrome://browser/skin/icons/groupbox.png") repeat-x top left;
  1957. background-color:#E7E6E5;
  1958.   -moz-border-radius: 6px;
  1959. }
  1960.  
  1961. #editBookmarkPanel textbox{
  1962. margin:5px;
  1963. padding:0;
  1964. border: 3px solid !important;
  1965. -moz-border-radius: 5px;
  1966. background-color:#ffffff;
  1967. -moz-border-top-colors:#a8a8a8 #dadada #fcfcfc !important;
  1968. -moz-border-bottom-colors:#d9d8d8 transparent transparent !important;
  1969. -moz-border-left-colors:#d3d3d3 #fafafa transparent !important;
  1970. -moz-border-right-colors:#d4d4d4 #fafafa transparent !important;
  1971. }
  1972.  
  1973.  
  1974. #editBookmarkPanel textbox:hover {
  1975. -moz-border-top-colors:#79b7fc #aac9ec #e8f2fd !important;
  1976. -moz-border-bottom-colors:#7bb8fd #bddcff #eaf4ff !important;
  1977. -moz-border-left-colors:#7bb9fd #bad9fc #eaf4ff !important;
  1978. -moz-border-right-colors:#7cb9fe #bad9fc #eaf4ff !important;
  1979. }
  1980.  
  1981. #editBookmarkPanel textbox[focused="true"] {
  1982. -moz-border-top-colors:#3076c6 #85a8d1 #dde7f5 !important;
  1983. -moz-border-bottom-colors:#3278c7 #98bbe4 #dfe9f7 !important;
  1984. -moz-border-left-colors:#3278c7 #95b8e1 #dfe9f7 !important;
  1985. -moz-border-right-colors:#3379c8 #95b8e1 #dfe9f7 !important;
  1986. }
  1987.  
  1988.  
  1989. #editBookmarkPanelStarIcon {
  1990.   list-style-image: url("chrome://browser/skin/places/starred48.png");
  1991.   width: 48px;
  1992.   height: 48px;
  1993. }
  1994.  
  1995. #editBookmarkPanelStarIcon[unstarred] {
  1996.   list-style-image: url("chrome://browser/skin/places/unstarred48.png");
  1997. }
  1998.  
  1999. #editBookmarkPanelTitle {
  2000.   font-size: 130%;
  2001. }
  2002.  
  2003. #editBookmarkPanelHeader,
  2004. #editBookmarkPanelContent {
  2005.   margin-bottom: .5em;
  2006. }
  2007.  
  2008. /* Implements editBookmarkPanel resizing on folderTree un-collapse. */
  2009. #editBMPanel_folderTree {
  2010.   min-width: 27em;
  2011. }
  2012.  
  2013.  
  2014. /* ::::: content area ::::: */
  2015.  
  2016. #sidebar {
  2017.   background-color: #ffffff !important;
  2018. }
  2019.  
  2020. #sidebar-title {
  2021.   -moz-padding-start: 7px;
  2022. }
  2023.  
  2024. #status-bar {
  2025.   border-top: none;
  2026. }
  2027.  
  2028. #security-button {
  2029.   min-width: 20px;
  2030.   -moz-box-direction: reverse;
  2031. }
  2032.  
  2033. #security-button[level="high"],
  2034. #security-button[level="low"] {
  2035.   list-style-image: url("chrome://browser/skin/Secure.png");
  2036. }
  2037.  
  2038. #security-button[level="broken"] {
  2039.   list-style-image: url("chrome://browser/skin/Security-broken.png");
  2040. }
  2041.  
  2042. /* XXXsw prevent margins of a value-less label from shifting the image */
  2043. #security-button > label:not([value]) {
  2044.   display: none;
  2045. }
  2046.  
  2047. #page-report-button {
  2048.   width: 20px;
  2049.   list-style-image: url("chrome://browser/skin/Info.png");
  2050. }
  2051.  
  2052. /* ::::: throbber ::::: */
  2053.  
  2054. #navigator-throbber {
  2055.   width: 16px;
  2056.   min-height: 16px;
  2057.   margin: 0 8px;
  2058.   list-style-image: url("chrome://global/skin/icons/notloading.gif");
  2059. }
  2060.  
  2061. #navigator-throbber[busy="true"] {
  2062.   list-style-image: url("chrome://global/skin/icons/loading.gif");
  2063. }
  2064.  
  2065.  
  2066. .tabbrowser-tabs { 
  2067.   -moz-appearance: none; 
  2068.    background-color: transparent;  
  2069. } 
  2070.  
  2071. .tabs-container:not([overflow="true"]) {
  2072.   -moz-padding-start: 3px;
  2073. }
  2074.  
  2075. /* Tabs FIREFOX 3.6 */
  2076. /* ----------------- */
  2077. .tabbrowser-tab { 
  2078. -moz-appearance: none;
  2079. background-color: transparent !important;
  2080. margin: 0px;
  2081. border: none !important;
  2082. min-height:32px;
  2083. /* margin-top:10px !important; */
  2084. }
  2085.  
  2086.  
  2087.  
  2088. .tabbrowser-tab:not([selected="true"]) { 
  2089. -moz-appearance: none !important;
  2090. background-image:url("chrome://browser/skin/tabbrowser/tabs/tab_right2.png"),
  2091.          url("chrome://browser/skin/tabbrowser/tabs/tab_right2.png");
  2092. -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_2.png") 2 6 0 / 2px 6px 0px;
  2093. background-position:bottom left,bottom right;
  2094. background-repeat:no-repeat,no-repeat;
  2095. margin: 1px 0px 0px 0px !important;
  2096. padding: 0px 0px 3px 0px;
  2097. background-color: transparent !important;
  2098. }
  2099.  
  2100. .tabbrowser-tab:not([selected="true"]):hover { 
  2101. -moz-appearance: none !important;
  2102. background-image:url("chrome://browser/skin/tabbrowser/tabs/tab_right_hover2.png"),
  2103.          url("chrome://browser/skin/tabbrowser/tabs/tab_right_hover2.png");
  2104. -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_3.png") 2 6 0 / 2px 6px 0px;
  2105. background-position:bottom left,bottom right;
  2106. background-repeat:no-repeat,no-repeat;
  2107. margin: 1px 0px 0px 0px !important;
  2108. padding: 0px 0px 3px 0px;
  2109. background-color: transparent !important;
  2110. }
  2111.  
  2112.  
  2113. .tabbrowser-tab[selected="true"] { 
  2114. -moz-appearance: none !important;
  2115. margin: 0px !important;
  2116. padding: 0px 0px 4px 0px;
  2117. background-color: transparent !important;
  2118. background-image:url("chrome://browser/skin/tabbrowser/tabs/selected_right2.png"),
  2119.          url("chrome://browser/skin/tabbrowser/tabs/selected_right2.png");
  2120. -moz-border-image: url("chrome://browser/skin/tabbrowser/tab_1.png") 2 6 0 / 2px 6px 0px;
  2121. background-position:bottom left,bottom right;
  2122. background-repeat:no-repeat,no-repeat;
  2123. font-weight:normal;
  2124. opacity:0.95 !important;
  2125. border: none !important;
  2126. }
  2127.  
  2128. .tabbrowser-tab[busy] {
  2129. color:#9d7919;
  2130. }
  2131.  
  2132. /*.tabbrowser-tabs[highlightUnread="true"] .tabbrowser-tab[unread="true"] {
  2133.   color: red;
  2134.   font-style: italic;
  2135. }*/
  2136.  
  2137.  
  2138. .tabbrowser-tab[busy] > .tab-icon-image {
  2139. list-style-image: url("chrome://global/skin/icons/loading_16.png") !important;
  2140. }
  2141.  
  2142. .tab-icon-image {
  2143. margin-top: 1px;
  2144. /*  -moz-margin-start: 9px; */
  2145.  -moz-margin-start: 3px; 
  2146. -moz-margin-end: 0px;
  2147. width: 16px;
  2148. height: 16px;
  2149. list-style-image: url("chrome://global/skin/icons/folder-item.png");
  2150. -moz-image-region: rect(0px, 16px, 16px, 0px);
  2151. }
  2152.  
  2153. .tabs-bottom {
  2154. height: 6px;
  2155. margin: 0px 0px 0px 0px;
  2156. padding:0px;
  2157. background-color: #e0dfde;
  2158. border-bottom: none;
  2159. border-top: 3px solid;
  2160. -moz-border-top-colors: #d7d6d5 #fefdfd #e7e7e6;
  2161. }
  2162.  
  2163. tabpanels {
  2164. -moz-appearance: none;
  2165. }
  2166.  
  2167.  
  2168. .tab-text { 
  2169. padding:0px 3px;
  2170. margin-bottom:0px;
  2171. }
  2172.  
  2173.  
  2174. .tabbrowser-tab[selected="true"]:focus > .tab-text { 
  2175. border: none;
  2176. }
  2177.  
  2178. /* Tab DnD indicator */
  2179. .tab-drop-indicator-bar {
  2180. height: 11px;
  2181. margin-top: -11px;
  2182. position: relative;
  2183. /* set -moz-margin-start to -1/2 indicator width: */
  2184. -moz-margin-start: -5px;
  2185. }
  2186.  
  2187. .tab-drop-indicator {
  2188. height: 16px;
  2189. width: 16px;
  2190. margin-bottom: -5px;
  2191. position: relative;
  2192. background: url('chrome://browser/skin/tabbrowser/tabDragIndicator.png') 50% 50% no-repeat;
  2193. }
  2194.  
  2195. /* Tab close button */
  2196. .tab-close-button > .toolbarbutton-icon {
  2197. -moz-margin-end: 0px !important;
  2198. margin-top: 1px;
  2199. }
  2200.  
  2201. .tab-close-button {
  2202. -moz-appearance: none;
  2203. -moz-image-region: rect(0px, 56px, 14px, 42px);
  2204. -moz-margin-start: 2px;
  2205. /*  -moz-margin-end: 9px; */
  2206.  -moz-margin-end: 3px; 
  2207. border: none;
  2208. padding: 0px;
  2209. list-style-image: url("chrome://global/skin/icons/close.png");
  2210. }
  2211.  
  2212. .tab-close-button:hover,
  2213. .tabbrowser-tab[selected="true"] > .tab-close-button:hover {
  2214. -moz-image-region: rect(0px, 28px, 14px, 14px);
  2215. }
  2216.  
  2217. .tab-close-button:hover:active,
  2218. .tabbrowser-tab[selected="true"] > .tab-close-button:hover:active {
  2219. -moz-image-region: rect(0px, 42px, 14px, 28px);
  2220. }
  2221.  
  2222. .tabbrowser-tab[selected="true"] > .tab-close-button {
  2223. -moz-image-region: rect(0px, 14px, 14px, 0px);
  2224. /* Make this button focusable so clicking on it will not focus the tab while
  2225. it's getting closed */
  2226. -moz-user-focus: normal;
  2227. }
  2228.  
  2229. .tab-close-button:focus {
  2230. outline: none !important;
  2231. }
  2232.  
  2233. /* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */
  2234. .tabbrowser-arrowscrollbox > .scrollbutton-up,
  2235. .tabbrowser-arrowscrollbox > .scrollbutton-down,
  2236. .tabs-newtab-button,
  2237. .tabs-alltabs-button {
  2238. -moz-appearance: none;
  2239. width: 18px;
  2240. margin: 3px 0px 4px;
  2241. padding: 0px;
  2242. border: none;
  2243. -moz-image-region: rect(0, 11px, 14px, 0);
  2244. }
  2245.  
  2246. .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
  2247. .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
  2248. .tabs-newtab-button:hover,
  2249. .tabs-alltabs-button:hover {
  2250. /*  border-top-width: 1px;
  2251.   padding-top: 1px;*/
  2252. }
  2253.  
  2254. .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
  2255. .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover {
  2256. -moz-image-region: rect(0, 22px, 14px, 11px);
  2257. }
  2258.  
  2259. .tabbrowser-arrowscrollbox > .scrollbutton-up[disabled="true"],
  2260. .tabbrowser-arrowscrollbox > .scrollbutton-down[disabled="true"] {
  2261. opacity: .4;
  2262. }
  2263.  
  2264. .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover:active,
  2265. .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover:active {
  2266. -moz-image-region: rect(0, 44px, 14px, 33px);
  2267. }
  2268.  
  2269. .tabbrowser-arrowscrollbox > .scrollbutton-up {
  2270. border-left-style: none;
  2271. list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");
  2272. -moz-border-radius-topright: 2px;
  2273. }
  2274.  
  2275. .tabbrowser-arrowscrollbox > .scrollbutton-up[chromedir="rtl"] {
  2276. border-left-style: solid;
  2277. border-right-style: none;
  2278. -moz-border-radius-topleft: 2px;
  2279. -moz-border-radius-topright: 0px;
  2280. list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");
  2281. }
  2282.  
  2283. .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon {    
  2284. margin: 5px 0px 1px 0px;
  2285. }
  2286.  
  2287. .tabbrowser-arrowscrollbox > .scrollbutton-down,
  2288. .tabs-container > .tabs-newtab-button,
  2289. .tabs-alltabs-button {
  2290. border-right-style: none;
  2291. -moz-border-radius-topleft: 2px;
  2292. }
  2293.  
  2294. .tabbrowser-arrowscrollbox > .scrollbutton-down {
  2295. list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-end.png");
  2296. }
  2297.  
  2298. .tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"],
  2299. .tabs-container > .tabs-newtab-button[chromedir="rtl"],
  2300. .tabs-container > stack[chromedir="rtl"] > .tabs-alltabs-button {
  2301. border-left-style: none;
  2302. border-right-style: solid;
  2303. -moz-border-radius-topleft: 0px;
  2304. -moz-border-radius-topright: 2px;
  2305. }
  2306.  
  2307. .tabbrowser-arrowscrollbox > .scrollbutton-down[chromedir="rtl"] {
  2308. list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-start.png");
  2309. }
  2310.  
  2311.  
  2312. .tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
  2313. margin-top: 5px;
  2314. margin-bottom: 1px;
  2315. -moz-margin-end: 2px;
  2316. }
  2317.  
  2318.  
  2319. .tabs-newtab-button {
  2320. background-image: url("chrome://browser/skin/tabbrowser/newtab_2.png");
  2321. background-repeat:no-repeat;
  2322. min-width:32px;
  2323. padding:0px 1px;
  2324. margin:0;
  2325. background-color:transparent;
  2326. }
  2327.  
  2328. .tabs-newtab-button:hover {
  2329. background-image: url("chrome://browser/skin/tabbrowser/newtab_23.png");
  2330. }
  2331.  
  2332. .tabs-newtab-button:active {
  2333. background-image: url("chrome://browser/skin/tabbrowser/newtab_234.png");
  2334. }
  2335.  
  2336. .tabbrowser-arrowscrollbox > .tabs-newtab-button {
  2337. /*  width: 31px;
  2338.   -moz-border-radius-topright: 2px;
  2339.   -moz-border-radius-topleft: 2px;*/
  2340. }
  2341.  
  2342. .tabs-alltabs-button > .toolbarbutton-menu-dropmarker,
  2343. .tabs-alltabs-button > .toolbarbutton-text  {
  2344. display: none;
  2345. }
  2346.  
  2347. .tabs-alltabs-button {
  2348. width: 17px;
  2349. }
  2350.  
  2351. .tabs-alltabs-button > .toolbarbutton-icon {
  2352. list-style-image: url("chrome://browser/skin/mainwindow-dropdown-arrow.png");
  2353. margin: 5px 0 2px;
  2354. -moz-image-region: rect(0, 13px, 11px, 0);
  2355. }
  2356.  
  2357. .tabs-alltabs-button[open="true"] > .toolbarbutton-icon {
  2358. -moz-image-region: rect(0, 26px, 11px, 13px);
  2359. }
  2360.  
  2361. .tabs-alltabs-box-animate {
  2362. margin-top: 2px;
  2363. margin-bottom: 4px;
  2364. width: 17px !important;
  2365. background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-end-bkgnd-animate.png");
  2366. background-repeat: no-repeat;
  2367. opacity: 0.0;
  2368. }
  2369.  
  2370. stack[chromedir="rtl"] > hbox > .tabs-alltabs-box-animate {
  2371. background-image: url("chrome://browser/skin/tabbrowser/alltabs-box-overflow-start-bkgnd-animate.png");
  2372. }
  2373.  
  2374. /* All tabs menupopup */
  2375. .alltabs-item > .menu-iconic-left > .menu-iconic-icon {
  2376. list-style-image: url("chrome://global/skin/icons/folder-item.png");
  2377. -moz-image-region: rect(0px, 16px, 16px, 0px);
  2378. }
  2379.  
  2380. .alltabs-item[selected="true"] {
  2381. font-weight: normal;
  2382. }
  2383.  
  2384. .alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
  2385. list-style-image: url("chrome://global/skin/icons/loading.gif");
  2386. }
  2387.  
  2388. /* Tabstrip close button */
  2389. .tabs-closebutton {
  2390. -moz-appearance: none;
  2391. list-style-image: url("chrome://global/skin/icons/close.png");
  2392. -moz-image-region: rect(0px, 14px, 14px, 0px);
  2393. padding: 4px 2px;
  2394. margin: 0px;
  2395. border: none;
  2396. }
  2397.  
  2398. .tabs-closebutton > .toolbarbutton-icon {
  2399. -moz-margin-end: 0px !important;
  2400. -moz-padding-end: 2px !important;
  2401. -moz-padding-start: 2px !important;
  2402. }
  2403.  
  2404. .tabs-closebutton:hover {
  2405. -moz-image-region: rect(0px, 28px, 14px, 14px);
  2406. }
  2407.  
  2408. .tabs-closebutton:hover:active {
  2409. -moz-image-region: rect(0px, 42px, 14px, 28px);
  2410. }
  2411.  
  2412. .tabs-container > .tabs-closebutton { 
  2413. margin: 3px 0px 3px;
  2414. padding: 4px 2px 2px;
  2415. background: #E2E1E0 url("chrome://browser/skin/tabbrowser/tab-active-bkgnd.png") repeat-x;
  2416. border-left: 1px solid threedshadow;
  2417. border-top: 1px solid white;
  2418. -moz-border-radius-topleft: 2px;
  2419. }
  2420.  
  2421. .tabs-container > .tabs-closebutton[chromedir="rtl"] {
  2422. border-left: none;
  2423. border-right: 1px solid threedshadow;
  2424. -moz-border-radius-topleft: 0px;
  2425. -moz-border-radius-topright: 2px;
  2426. }
  2427.  
  2428. #sidebar-box .tabs-closebutton {
  2429. list-style-image: url("chrome://global/skin/icons/closeSidebar.png");
  2430. margin-bottom: 0px !important;
  2431. padding: 0px 2px 0px 2px !important;
  2432. }
  2433.  
  2434. toolbarbutton.chevron {
  2435. list-style-image: url("chrome://global/skin/toolbar/chevron.png") !important;
  2436. }
  2437.  
  2438. toolbarbutton.chevron[chromedir="rtl"] {
  2439. list-style-image: url("chrome://global/skin/toolbar/chevron-rtl.png") !important;
  2440. }
  2441.  
  2442. toolbarbutton.chevron > .toolbarbutton-text,
  2443. toolbarbutton.chevron > .toolbarbutton-menu-dropmarker {
  2444. display: none;
  2445. }
  2446.  
  2447. toolbarbutton.chevron > .toolbarbutton-icon {
  2448. margin: 0;
  2449. }
  2450.  
  2451. toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon {
  2452. display: -moz-box; /* display chevron icon in text mode */
  2453. }
  2454.  
  2455. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon {
  2456. display: -moz-box;
  2457. }
  2458.  
  2459. toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
  2460. display: none;
  2461. }
  2462.  
  2463. #sidebar-throbber[loading="true"] {
  2464. list-style-image: url("chrome://global/skin/icons/loading.gif");
  2465. -moz-margin-end: 4px;
  2466. }
  2467.  
  2468. /* Location bar dropmarker */
  2469. #urlbar { 
  2470. margin-left:3px;
  2471. padding:0;
  2472. border: 3px solid !important;
  2473. -moz-border-radius: 4px;
  2474. background-color:#ffffff;
  2475. -moz-border-top-colors:#a8a8a8 #dadada #fcfcfc !important;
  2476. -moz-border-bottom-colors:#d9d8d8 transparent transparent !important;
  2477. -moz-border-left-colors:#d3d3d3 #fafafa transparent !important;
  2478. -moz-border-right-colors:#d4d4d4 #fafafa transparent !important;
  2479. }
  2480.  
  2481. #urlbar:hover {
  2482. -moz-border-top-colors:#79b7fc #aac9ec #e8f2fd !important;
  2483. -moz-border-bottom-colors:#7bb8fd #bddcff #eaf4ff !important;
  2484. -moz-border-left-colors:#7bb9fd #bad9fc #eaf4ff !important;
  2485. -moz-border-right-colors:#7cb9fe #bad9fc #eaf4ff !important;
  2486. }
  2487.  
  2488. #urlbar[focused="true"] {
  2489. -moz-border-top-colors:#3076c6 #85a8d1 #dde7f5 !important;
  2490. -moz-border-bottom-colors:#3278c7 #98bbe4 #dfe9f7 !important;
  2491. -moz-border-left-colors:#3278c7 #95b8e1 #dfe9f7 !important;
  2492. -moz-border-right-colors:#3379c8 #95b8e1 #dfe9f7 !important;
  2493. }
  2494.  
  2495. #urlbar > .autocomplete-history-dropmarker {
  2496. -moz-appearance: none;
  2497. padding: 0;
  2498. background-color: transparent;
  2499. border: none;
  2500. width: auto;
  2501. }
  2502.  
  2503. #urlbar > .autocomplete-history-dropmarker:hover ,
  2504. #urlbar > .autocomplete-history-dropmarker[open="true"] { 
  2505. background-image: url(navbar-textbox-buttons.png) repeat-x 0 -60px !important;
  2506. }
  2507.  
  2508. #urlbar > .autocomplete-history-dropmarker:hover:active,
  2509. #urlbar > .autocomplete-history-dropmarker[open="true"] {
  2510. background-position: 0 -120px !important;
  2511. }
  2512.  
  2513. #urlbar > .autocomplete-history-dropmarker > .dropmarker-icon {
  2514. margin: 0 5px;
  2515. }
  2516.  
  2517. #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker {
  2518. border-left: none;
  2519. /*   -moz-border-left-colors: transparent; */
  2520. }
  2521.  
  2522. #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker:hover ,
  2523. #urlbar[chromedir="ltr"] > .autocomplete-history-dropmarker[open="true"] {
  2524. /*   -moz-border-left-colors: ButtonShadow; */
  2525. background-color:transparent;
  2526. }
  2527.  
  2528. #feed-button {
  2529. -moz-appearance: none; 
  2530. min-width: 0;
  2531. min-height: 0;
  2532. -moz-padding-start: 4px !important;
  2533. list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png");
  2534. -moz-image-region: rect(0px 16px 16px 0px);
  2535. background:none transparent !important;
  2536. -moz-border-image: none !important;
  2537. }
  2538.  
  2539. #feed-button:hover {
  2540. -moz-image-region: rect(0px 32px 16px 16px);
  2541. }
  2542.  
  2543. #feed-button[open="true"],
  2544. #feed-button:hover:active {
  2545. -moz-image-region: rect(0px 48px 16px 32px);
  2546. }
  2547.  
  2548. #feed-button > .button-box > .button-menu-dropmarker {
  2549. display: none !important;
  2550. }
  2551.  
  2552. /* ::::: About Popup Blocking dialog ::::: */
  2553. #pageReportFirstTime statusbarpanel.statusbar-resizerpanel {
  2554. visibility: collapse;
  2555. }
  2556.  
  2557. #checkForUpdates[loading="true"] {
  2558. list-style-image: url("chrome://global/skin/icons/loading.gif");
  2559. }
  2560.  
  2561. /* Personal toolbar */
  2562. .toolbar-drop-indicator {
  2563. width: 9px;
  2564. height: 18px;
  2565. margin-bottom: -6px;
  2566. position: relative;
  2567. background: url("chrome://browser/skin/places/toolbarDropMarker.png") 50% 50% no-repeat;
  2568. }
  2569.  
  2570. .toolbar-drop-indicator-bar {
  2571. visibility: hidden;
  2572. height: 18px;
  2573. margin-bottom: -18px;
  2574. position: relative;
  2575. }
  2576.  
  2577. .toolbar-drop-indicator-bar[dragging="true"] {
  2578. visibility: visible;
  2579. }
  2580.  
  2581. toolbarbutton.bookmark-item[dragover="true"][open="true"] {
  2582. -moz-appearance: none;
  2583. background: Highlight !important;
  2584. color: HighlightText !important;
  2585. }
  2586.  
  2587. /* rules for menupopup drop indicators */
  2588. .menupopup-drop-indicator-bar {
  2589. position: relative;
  2590.  /* these two margins must together compensate the indicator's height */
  2591. margin-top: -1px;
  2592. margin-bottom: -1px;
  2593. }
  2594.  
  2595. .menupopup-drop-indicator {
  2596. list-style-image: none;
  2597. height: 2px;
  2598. -moz-margin-end: -4em;
  2599. background-color: Highlight;
  2600. }
  2601.  
  2602. /* ::::: Identity Indicator Styling ::::: */
  2603. /* Location bar visuals*/
  2604.  
  2605. #urlbar[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2606. -moz-margin-start: 6px;
  2607. }
  2608.  
  2609. #urlbar > .autocomplete-textbox-container {
  2610. -moz-box-align: stretch;
  2611. }
  2612.  
  2613. #identity-box {
  2614. background-color:transparent;
  2615. color:#000000;
  2616. border:none !important;
  2617. }
  2618.  
  2619. #identity-box[chromedir="rtl"] {
  2620.   -moz-border-start-style: solid;
  2621. }
  2622. #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2623. -moz-border-radius: 6px 0 2px 6px / 15px 0 2px 15px;
  2624. margin: -1px 0;
  2625. -moz-margin-start: -4px;
  2626. -moz-padding-start: 2px;
  2627. border-style: solid;
  2628. -moz-border-end-color: rgba(0,0,0,.05);
  2629. }
  2630.  
  2631. #identity-box.verifiedDomain,
  2632. #identity-box.verifiedIdentity {
  2633. background-image:url("chrome://browser/skin/ident_left.png"),
  2634.          url("chrome://browser/skin/ident_right.png"),
  2635.          url("chrome://browser/skin/ident.png");
  2636. background-position:center left,center right,center center;
  2637. background-repeat:no-repeat,no-repeat,repeat-x;
  2638. background-color: transparent;
  2639. padding-right:13px;
  2640. color: #fff;
  2641. margin-top:-1px;
  2642. margin-bottom:-1px;
  2643. margin-left:-1px;
  2644. text-shadow: 1px 1px 1px #000;
  2645. }
  2646.  
  2647. #identity-box.verifiedDomain[open="true"],
  2648. #identity-box.verifiedDomain:hover:active,
  2649. #identity-box.verifiedIdentity[open="true"],
  2650. #identity-box.verifiedIdentity:hover:active {
  2651. background-image:url("chrome://browser/skin/ident2_left.png"),
  2652.          url("chrome://browser/skin/ident2_right.png"),
  2653.          url("chrome://browser/skin/ident2.png");
  2654. }
  2655.  
  2656. #identity-box:hover {
  2657. /* background-position: 0 -60px; */
  2658. }
  2659.  
  2660. #identity-box[open="true"],
  2661. #identity-box:hover:active {
  2662. /* background-position: 0 -120px; */
  2663. -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.2) inset;
  2664. }
  2665.  
  2666.  
  2667. #identity-box:focus {
  2668. outline: 1px dotted -moz-DialogText;
  2669. outline-offset: -3px;
  2670. }
  2671.  
  2672. #identity-box.verifiedDomain:focus ,
  2673. #identity-box.verifiedIdentity:focus {
  2674. outline: 1px dotted white;
  2675. }
  2676.  
  2677. #identity-icon-label {
  2678. padding: 0 2px;
  2679. margin: 0;
  2680. }
  2681.  
  2682. #identity-icon-label[value=""] {
  2683. display: none;
  2684. }
  2685.  
  2686. /* Popup Icons */
  2687. #identity-popup-icon {
  2688. height: 64px;
  2689. width: 64px;
  2690. padding: 0;
  2691. list-style-image: url("chrome://browser/skin/identity.png");
  2692. -moz-image-region: rect(0px, 64px, 64px, 0px);
  2693. }
  2694.  
  2695. #identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon {
  2696. -moz-image-region: rect(64px, 64px, 128px, 0px);
  2697. }
  2698.  
  2699. #identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon {
  2700. -moz-image-region: rect(128px, 64px, 192px, 0px);
  2701. }
  2702.  
  2703. /* Popup Body Text */
  2704. #identity-popup-content-box > description,
  2705. #identity-popup-encryption-label {
  2706. white-space: pre-wrap;
  2707. -moz-padding-start: 15px;
  2708. margin: 2px 0 4px;
  2709. }
  2710.  
  2711. #identity-popup-content-box > label {
  2712. white-space: pre-wrap;
  2713. -moz-padding-start: 15px;
  2714. margin: 0;
  2715. }
  2716.  
  2717. #identity-popup-content-host ,
  2718. #identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner {
  2719. font-size: 1.2em;
  2720. }
  2721.  
  2722. #identity-popup-content-host {
  2723. margin-top: 3px;
  2724. margin-bottom: 5px;
  2725. font-weight: bold;
  2726. max-width: 300px;
  2727. }
  2728.  
  2729. #identity-popup-content-owner {
  2730. margin-top: 4px;
  2731. margin-bottom: 0 !important;
  2732. font-weight: bold;
  2733. max-width: 300px;
  2734. }
  2735.  
  2736. .verifiedDomain > #identity-popup-content-owner {
  2737. font-weight: normal;
  2738. }
  2739.  
  2740. #identity-popup-content-verifier {
  2741. margin: 4px 0 2px;
  2742. }
  2743.  
  2744. #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption ,
  2745. #identity-popup-content-box.verifiedDomain > #identity-popup-encryption {
  2746. margin-top: 10px;
  2747. margin-left: -24px;
  2748. }
  2749.  
  2750. #identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon ,
  2751. #identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon {
  2752. list-style-image: url("chrome://browser/skin/Secure24.png");
  2753. }
  2754.  
  2755. #identity-popup-more-info-button {
  2756. margin-top: 16px;
  2757. margin-bottom: 0;
  2758. -moz-margin-end: 0;
  2759.   list-style-image: url("chrome://browser/skin/icons/16/dialog-information.png");
  2760. }
  2761.  
  2762. /* Popup Bounding Box */
  2763. #identity-popup {
  2764. -moz-appearance: none !important;
  2765. color: #000;
  2766. border:2px solid;
  2767. -moz-border-top-colors:#bbb9b7 #eaeaea;
  2768. -moz-border-bottom-colors:#bbb9b7 #eaeaea;
  2769. -moz-border-right-colors:#bbb9b7 #eaeaea;
  2770. -moz-border-left-colors:#bbb9b7 #eaeaea;
  2771. }
  2772.  
  2773. /* Bug 413060, comment 14: Match #identity-box's -moz-margin-start, less 1px */
  2774. #identity-popup[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2775. -moz-margin-start: 3px;
  2776. }
  2777.  
  2778. #identity-popup-container {
  2779. background-color:#E6E5E5 !important;
  2780. min-width: 280px;
  2781. padding: 9px;
  2782. }
  2783.  
  2784. #download-monitor {
  2785. list-style-image: url("chrome://browser/skin/Toolbar-small.png");
  2786. -moz-image-region: rect(0px 96px 16px 80px);
  2787. }
  2788.  
  2789. /* Bookmarks Toolbar menu-item */
  2790. #bookmarksToolbarFolderMenu {
  2791. list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
  2792. -moz-image-region: auto;
  2793. }
  2794.  
  2795. /* If the nav toolbar is tall enough and an input box is the last item, add
  2796.    extra end spacing so that horizontal spacing matches vertical spacing. */
  2797. #nav-bar[mode="full"]:not([currentset]),
  2798. #nav-bar[mode="full"][currentset$=",urlbar-container"],
  2799. #nav-bar[mode="full"][currentset$=",search-container"],
  2800. #nav-bar[iconsize="large"][mode="icons"]:not([currentset]),
  2801. #nav-bar[iconsize="large"][mode="icons"][currentset$=",urlbar-container"],
  2802. #nav-bar[iconsize="large"][mode="icons"][currentset$=",search-container"] {
  2803. -moz-padding-end: 2px;
  2804. }
  2805.  
  2806. #nav-bar[mode="full"]:not([currentset]):-moz-system-metric(windows-default-theme),
  2807. #nav-bar[mode="full"][currentset$=",urlbar-container"]:-moz-system-metric(windows-default-theme),
  2808. #nav-bar[mode="full"][currentset$=",search-container"]:-moz-system-metric(windows-default-theme),
  2809. #nav-bar[iconsize="large"][mode="icons"]:not([currentset]):-moz-system-metric(windows-default-theme),
  2810. #nav-bar[iconsize="large"][mode="icons"][currentset$=",urlbar-container"]:-moz-system-metric(windows-default-theme),
  2811. #nav-bar[iconsize="large"][mode="icons"][currentset$=",search-container"]:-moz-system-metric(windows-default-theme) {
  2812. -moz-padding-end: 3px;
  2813. }
  2814.  
  2815. /* ::::: Keyboard UI Panel ::::: */
  2816. .KUI-panel {
  2817. -moz-appearance: none;
  2818. background: rgba(68, 68, 68, .9) url(KUI-background.png) repeat-x;
  2819. color: white;
  2820. border: 1px solid rgba(255, 255, 255, 0.15);
  2821. -moz-border-radius: 10px;
  2822. margin-top: -1px;
  2823. margin-left: -1px;
  2824. }
  2825.  
  2826. .KUI-panel[level="top"] {
  2827. background-color: rgba(68, 68, 68, .5);
  2828. -moz-window-shadow: none;
  2829. }
  2830.  
  2831.  
  2832. /* ::::: Main Window Styling ::::: */
  2833. #navigator-toolbox:-moz-system-metric(windows-default-theme) > toolbar {
  2834. -moz-appearance: none;
  2835. border-style: none;
  2836. }
  2837.  
  2838. #print-preview-toolbar {
  2839. -moz-appearance: -moz-win-browsertabbar-toolbox;
  2840. }
  2841.  
  2842. /* ::::: Location Bar AutoComplete Styling ::::: */
  2843.  
  2844. .ac-url-text:-moz-system-metric(windows-default-theme) {
  2845. color: -moz-nativehyperlinktext;
  2846. }
  2847.  
  2848. /* ::::: Identity Indicator Styling ::::: */
  2849.  
  2850. #urlbar[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2851. -moz-margin-start: 9px;
  2852. }
  2853.  
  2854. #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2855. -moz-margin-start: -7px;
  2856. }
  2857.  
  2858. #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2859. -moz-border-radius: 11px 0 2px 11px / 15px 0 2px 15px;
  2860. }
  2861.  
  2862. /* Match #identity-box[chromedir="ltr"]'s -moz-margin-start */
  2863. #identity-popup[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2864. -moz-margin-start: 7px;
  2865. }
  2866.  
  2867. /* Bug 413060, comment 16: Vista Aero is a special case where we use a
  2868.    tooltip appearance for the address bar popup panels */
  2869. #identity-popup:-moz-system-metric(windows-default-theme),
  2870. #editBookmarkPanel:-moz-system-metric(windows-default-theme) {
  2871. -moz-appearance: tooltip;
  2872. color: InfoText;
  2873. }
  2874.  
  2875. /* Make the left and right paddings smaller, to compensate for the horizontal
  2876.    space added by the tooltip appearance, see bug 432529. */
  2877. #identity-popup-container:-moz-system-metric(windows-default-theme) {
  2878. -moz-padding-start: 6px;
  2879. -moz-padding-end: 6px;
  2880. padding-bottom: 9px;
  2881. }
  2882.  
  2883. #sidebar-splitter:-moz-system-metric(windows-default-theme) {
  2884. border: 0;
  2885. -moz-border-end: 1px solid;
  2886. -moz-border-right-colors: #A9B7C9;
  2887. -moz-border-left-colors: #A9B7C9;
  2888. min-width: 0;
  2889. width: 3px;
  2890. background-color: transparent;
  2891. -moz-margin-start: -3px;
  2892. position: relative;
  2893. z-index: 10;
  2894. }
  2895.  
  2896.  
  2897. /* ::::: fullscreen window controls ::::: */
  2898.  
  2899. #window-controls {
  2900. -moz-box-align: start;
  2901. }
  2902.  
  2903. #minimize-button,
  2904. #restore-button,
  2905. #close-button {
  2906. -moz-appearance: none;
  2907. border-style: none;
  2908. margin: 0;
  2909. }
  2910. #close-button {
  2911. -moz-image-region: rect(0, 49px, 16px, 32px);
  2912. }
  2913. #close-button:hover {
  2914. -moz-image-region: rect(16px, 49px, 32px, 32px);
  2915. }
  2916. #close-button:hover:active {
  2917. -moz-image-region: rect(32px, 49px, 48px, 32px);
  2918. }
  2919.  
  2920. /* ::::: Main Window Styling ::::: */
  2921. #navigator-toolbox:-moz-system-metric(windows-default-theme) > toolbar {
  2922. -moz-appearance: none;
  2923. border-style: none;
  2924. }
  2925.  
  2926. #print-preview-toolbar {
  2927. -moz-appearance: -moz-win-browsertabbar-toolbox;
  2928. }
  2929.  
  2930. /* ::::: Location Bar AutoComplete Styling ::::: */
  2931.  
  2932. .ac-url-text:-moz-system-metric(windows-default-theme) {
  2933. color: #0055bb;
  2934. }
  2935.  
  2936. /* ::::: Identity Indicator Styling ::::: */
  2937.  
  2938. #urlbar[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2939. -moz-margin-start: 8px;
  2940. }
  2941.  
  2942. #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2943. -moz-margin-start: -6px;
  2944. }
  2945.  
  2946. #identity-box[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
  2947. margin: -4px 0;
  2948. padding: 3px 2px 3px 3px;
  2949. background-position: 0 3px;
  2950. -moz-border-radius-topleft: 14px;
  2951. -moz-border-radius-bottomleft: 14px;
  2952. }
  2953. #identity-box:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
  2954. background-position: 0 -57px;
  2955. }
  2956. #identity-box.verifiedDomain[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
  2957. background-position: 0 -117px;
  2958. }
  2959. #identity-box.verifiedDomain:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
  2960. background-position: 0 -177px;
  2961. }
  2962. #identity-box.verifiedIdentity[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
  2963. background-position: 0 -237px;
  2964. }
  2965. #identity-box.verifiedIdentity:hover[chromedir="ltr"]:-moz-system-metric(windows-default-theme) > hbox {
  2966. background-position: 0 -297px;
  2967. }
  2968.  
  2969. /* Match #identity-box[chromedir="ltr"]'s -moz-margin-start */
  2970. #identity-popup[chromedir="ltr"]:-moz-system-metric(windows-default-theme) {
  2971. -moz-margin-start: 6px;
  2972. }
  2973.  
  2974. /* Bug 413060, comment 16: Vista Aero is a special case where we use a
  2975.    tooltip appearance for the address bar popup panels */
  2976. #identity-popup:-moz-system-metric(windows-default-theme),
  2977. #editBookmarkPanel:-moz-system-metric(windows-default-theme) {
  2978. -moz-appearance: tooltip;
  2979. color: InfoText;
  2980. }
  2981.  
  2982. #sidebar-splitter:-moz-system-metric(windows-default-theme) {
  2983. border: 0;
  2984. -moz-border-end: 1px solid;
  2985. -moz-border-right-colors: #A9B7C9;
  2986. -moz-border-left-colors: #A9B7C9;
  2987. min-width: 0;
  2988. width: 3px;
  2989. background-color: transparent;
  2990. -moz-margin-start: -3px;
  2991. position: relative;
  2992. z-index: 10;
  2993. }
  2994.  
  2995.  
  2996. menu {
  2997. background-color:transparent;
  2998. border:none !important;
  2999. background:none !important;
  3000. color:#000000;
  3001. }
  3002.  
  3003. menu:hover:active {
  3004. -moz-border-radius-topleft: 5px;
  3005. -moz-border-radius-topright: 0px;
  3006. -moz-border-radius-bottomleft: 5px;
  3007. -moz-border-radius-bottomright: 0px; 
  3008. background-image: url("chrome://browser/skin/icons/menuitem_hover.png");
  3009. background-repeat:repeat-x !important; 
  3010. background-position:center right;
  3011. }
  3012.  
  3013.  
  3014. menuitem:hover {
  3015. padding: 0px 0px 0px 2px !important;
  3016. -moz-border-radius-topleft: 5px;
  3017. -moz-border-radius-topright: 0px;
  3018. -moz-border-radius-bottomleft: 5px;
  3019. -moz-border-radius-bottomright: 0px; 
  3020. background-color:#cbc9c7;
  3021. background-image: url("chrome://browser/skin/icons/menuitem_hover.png");
  3022. background-repeat:repeat-x !important; 
  3023. background-position:center right;
  3024. }
  3025.  
  3026.  
  3027. menupopup > menu:hover,
  3028. popup > menu:hover
  3029.  {
  3030. padding: 0px 0px 0px 2px !important;
  3031. -moz-border-radius-topleft: 5px;
  3032. -moz-border-radius-topright: 0px;
  3033. -moz-border-radius-bottomleft: 5px;
  3034. -moz-border-radius-bottomright: 0px; 
  3035. background-color:transparent;
  3036. background-image: url("chrome://browser/skin/icons/menuitem_hover.png");
  3037. background-repeat:repeat-x !important; 
  3038. background-position:center right;
  3039. }
  3040.  
  3041. menupopup > menu[_moz-menuactive="true"],
  3042. menupopup > menuitem[_moz-menuactive="true"],
  3043. popup > menu[_moz-menuactive="true"],
  3044. popup > menuitem[_moz-menuactive="true"] {
  3045. -moz-border-radius-topleft: 5px;
  3046. -moz-border-radius-topright: 0px;
  3047. -moz-border-radius-bottomleft: 5px;
  3048. -moz-border-radius-bottomright: 0px; 
  3049. background-color:transparent;
  3050. background-image: url("chrome://browser/skin/icons/menuitem_hover.png") !important;
  3051. background-repeat:repeat-x !important; 
  3052. background-position:center right;
  3053. color: #000;
  3054. border:none !important;
  3055. }
  3056.  
  3057. menu[disabled="true"], menuitem[disabled="true"],
  3058. menu[_moz-menuactive="true"][disabled="true"],
  3059. menuitem[_moz-menuactive="true"][disabled="true"] {
  3060. color: #000000;
  3061. padding:0px 0px 0px 2px !important;
  3062. opacity: 0.3;
  3063. }
  3064.  
  3065. menu[disabled="true"]:hover, menuitem[disabled="true"]:hover,
  3066. menu[_moz-menuactive="true"][disabled="true"]:hover,
  3067. menuitem[_moz-menuactive="true"][disabled="true"]:hover {
  3068. background-color:transparent !important;
  3069. background-image:none !important;
  3070. }
  3071.  
  3072. menubar > menu {
  3073. border: none !important;
  3074. padding: 0px !important;
  3075. margin: 0px;
  3076. margin-bottom: 5px;
  3077. }
  3078.  
  3079. menubar > menu:hover {
  3080. background-color: #cbc9c7 !important;
  3081. }
  3082.  
  3083. .toolbarbutton-1 { 
  3084. -moz-box-orient: vertical;
  3085. min-width: 0;
  3086. padding:0px;
  3087. -moz-appearance: none;
  3088. border: 3px solid transparent;
  3089. -moz-border-radius: 4px;
  3090. list-style-image: url("chrome://browser/skin/Toolbar.png");
  3091. }
  3092.  
  3093. .toolbarbutton-1:hover {
  3094. -moz-border-top-colors:#d9dde1 #80a7d3 #d2d9e1;
  3095. -moz-border-bottom-colors:#d9dde1 #80a7d3 #d2d9e1;
  3096. -moz-border-right-colors:#d9dde1 #80a7d3 #d2d9e1;
  3097. -moz-border-left-colors:#d9dde1 #80a7d3 #d2d9e1;
  3098. }
  3099.  
  3100. .toolbarbutton-1:hover:active {
  3101. -moz-border-top-colors:#d1dae5 #9fbde0 #78b6fb;
  3102. -moz-border-bottom-colors:#d1dae5 #9fbde0 #78b6fb;
  3103. -moz-border-right-colors:#d1dae5 #9fbde0 #78b6fb;
  3104. -moz-border-left-colors:#d1dae5 #9fbde0 #78b6fb;
  3105. }
  3106.  
  3107. .tabs-right {
  3108. border: none !important;
  3109. }
  3110.  
  3111.  
  3112. .xclear {
  3113. list-style-image: url("chrome://browser/skin/icons/16/edit_clear_locationbar.png") !important;
  3114. }
  3115.  
  3116. toolbar[iconsize="large"] {
  3117. /* max-height:30px !important; */
  3118. }
  3119.  
  3120. toolbar[mode="full"] {
  3121. min-height:44px !important;
  3122. }
  3123.  
  3124. toolbar[iconsize="small"] {
  3125. /* max-height:28px !important; */
  3126. }